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全 面 涵盖 lustrator 商 业 设计 的 12 种 类 型 应 用 ， 
又 在 其 中 渗透 了 设计 理念 、 创 意思 想 、 实 际 工作 
经 验 和 软件 技巧 。 同 时 ， 对 每 个 案例 都 进行 了 设 
计 思路 、 配 色 方案 、 版 面 构 图 、 项 目 实战 的 编 
排 ， 并 给 出 了 详细 的 制作 步 又。 


全 书 将 软件 与 实际 应 用 相 结 合 ， 采 用 经 业内 资深 
设计 师 先 明 确 用 途 再 列举 案例 的 方式 ， 通 过 32 
个 典型 案例 深入 解析 各 种 不 同类 型 的 设计 方法 。 
每 个 案例 都 配备 高 清 语音 教学 视频 ， 详 细 、 全 面 | 
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随 书 附 赠 书 中 所 有 案例 的 素材 文件 和 效果 文件 ， 同 时 还 收录 了 32 个 案例 的 
操作 视频 文件 ， 演 示 时 间 长 达 820 分 钟 ， 另 外 还 提供 了 PPT 课 件 ， 均 可 通过 
扫描 二 维 码 下 载 使 用 。 


清华 大 学 出 版 社 


中 文 版 llustrator 商业 案例 
项 目 设 计 完 全 解析 


赵 疯 疯 ”编著 


汶 革 大 学 出 版 社 
北 京 


内 容 简 介 

本 书 全 方位 地 讲述 了 现实 设计 中 用 AI 制 作 的 12 类 常用 的 商业 案例 。 本 书 共 分 为 12 章 ， 具 体 包括 
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有 Illustrator 经 验 的 读者 阅读 ， 可 以 作为 学 校 、 培 训 机 构 的 教学 用 书 ， 以 及 读者 自学 Illustrator 的 参 
考 用 书 。 
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Adobe Illustrator， 简 称 AI， 是 优秀 的 矢量 图 形 处 理 软件 ， 广 泛 应 
用 于 插画 绘制 、 广 告 设计 等 领域 。Illustrator 的 最 新 版 本 ， 不 仅 传承 了 
前 期 版 本 的 优秀 功能 ， 还 增加 了 许多 非常 实用 的 新 功能 。 

本 书 将 介绍 Ilustrator 在 平面 设计 行业 中 的 实战 案例 。 商 业 案 例 的 

制作 步骤 包括 : 前 期 沟通 一 分 析 客 户 需 求 一 分 析 商 品类 型 一 构思 设 
计 方案 一 定义 设计 方案 一 确定 配色 方案 一 确定 构图 方案 一 制作 设计 
方案 。 
本 书 根据 编者 多 年 的 平面 设计 工作 经 验 ， 通 过 理论 结合 实际 的 操 
作 形 式 ， 系 统 地 介绍 Illustrator 2018 软 件 在 现实 生活 中 的 应 用 ， 涉 及 
了 2 个 行业 领域， 内 容 包 括 按钮 设计 、 标 志 设 计 、 名 片 设计 、 艺 术 字 设 
计 、 户 外 广告 设计 、 海 报 广告 设计 、DM 画 册 设 计 、 封 面 设 计 、 产 品 
装 设计 、 网 页 设 计 、 CT 设计 和 VT 设 计 。 每 章 都 至 少 对 一 个 案例 进行 
和 分 析 ， 从 中 吸取 一 些 美 学 和 设计 的 理论 知识 ， 并 在 各 章 列 举 了 
许多 优秀 的 设计 作品 以 供 欣 赏 ， 希 望 i 习 各 章 内 容 后 通过 欣赏 
优秀 作品 既 能 够 缓解 学 习 的 疲劳 ， 又 能 提升 审美 的 品位 。 

本 书 内 容 安排 具体 如 下 。 

第 1 章 ”按钮 设计 : 主要 从 按钮 的 含义 、 构 成 元 素 、 设 计 原 则 、 
按钮 的 大 小 、 按 钮 的 顺序 等 方面 来 学 习 按钮 设计 。 

第 2 章 ”标志 设计 : 主要 从 标志 的 含义 、 性 质 、 设计 
原则 、 类 型 、 表 现形 式 、 形 式 美 法 则 等 方面 来 学 习 标 志 设 i 

第 3 章 ”名 片 设计 : 主要 从 名 片 的 含义 、 常 见 类 型 、 i 
常用 尺寸 、 构 图 方式 、 制 作 [ 艺 等 方面 来 学 习 名 片 的 设计 。 

第 4 章 At 主要 从 艺术 字 的 含义 、 用 途 、 设 计 法 则 等 
方面 来 学 习 艺术 字 设 

第 5 章 ”户外 三 9 主要 从 户外 广告 的 含义 、 常 见 类 型 、 优 
点 与 缺点 、 设 计 的 原则 等 方面 来 学 习 户外 广 二 机 

第 6 章 海报 广告 设计 : 主要 从 海报 广 的 常见 的 几 种 类 

、 构 成 要 素 、 创 意 手法 等 方面 来 学 习 网 络 广 和 

第 7 章 DM 画册 设计 : 主要 从 DM 而 类 交合 含义 、DM 夯 册 设 计 原 
则 、DM 画 册 的 常见 分 类 、DM 画 册 的 常见 开本 等 方面 来 学 习 DM 画 册 
设计 。 

第 8 章 ”封面 设计 : 主要 从 封面 的 含义 、 组 成 要 素 、 封 面 设计 的 
分 类 、 表 现 手法 、 设 计 的 重要 性 等 方面 来 学 习 封 面 设计 。 

第 9 章 ”产品 包装 设计 : 主要 从 产品 包装 的 含义 、 poi 
见 形式 、 产 品 包装 的 常用 材料 等 方面 来 学 习 产 品 包装 设 

第 10 章 ”网 页 设计 : 主要 从 网 页 的 含义 、 i 网 页 的 构 


前 


ER 
一 | 


成 、 网 页 设计 的 要 素 及 常用 布局 等 方面 来 学 习 网 页 设计 。 


第 11 章 ，《UI 设 计 : 主要 从 UI 的 含义 、UI 设 计 的 原则 、UI 设 计 的 控件 等 方面 来 学 习 UI 设 计 。 

第 12 章 ”VI 设计 : 主要 从 VI 的 含义 、VI 设 计 的 基本 要 素 等 方面 来 学 习 VI 设 计 。 

本 书 握 弃 了 繁杂 的 基础 内 容 和 烦琐 的 操作 步 又， 力求 用 精简 的 操作 步骤 实现 最 佳 的 视觉 设计 效果 ， 使 
读者 更 好 地 吸收 知识 ， 提 高 自己 的 创作 水 平 。 本 书 在 案例 制作 讲解 过 程 中 ， 还 给 出 了 实用 的 软件 功能 技巧 
提示 以 及 设计 技巧 提示 ， 可 供 读者 扩展 学 习 。 全 书 结构 清晰 、 语 言 浅显 易 懂 、 案 例 丰 富 精彩 ， 兼 具 实用 手 
册 和 技术 参考 手册 的 特点 ， 具 有 很 强 的 实用 性 和 较 高 的 技术 含量 。 

本 书 由 淄博 职业 学 院 的 赵 讽 讽 老 师 编写 ， 参 与 案例 视频 录制 的 有 王 芳 、 赵 岩 ， 在 此 表示 感谢 。 

于 作者 水 平 有 限 ， 书 中 难免 有 下 漏 和 不 妥 之 处 ， 奶 请 广大 读者 批评 、 指 正 。 

本 书 提供 了 案例 的 素材 文件 、 效 果 文件 以 及 PPT 课 件 ， 扫 一 扫 下 面 的 二 维 码 ， 推 送 到 自己 的 邮箱 后 下 
载 获 取 。 
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按钮 是 交互 设计 中 必 备 的 元 素 ， 是 一 种 视觉 符号 ， 能 给 人 提供 重要 
的 交互 信息 。 当 涉及 交互 的 器 械 或 信息 化 页 面 时 ， 用 户 需要 选择 点 击 交 
互 按钮 来 完成 交互 操作 ,恰到好处 的 按钮 设计 会 在 交互 操作 中 起 到 非常 
重要 的 作用 。 


按钮 设计 概述 


按钮 是 在 交互 系统 中 和 系统 进行 交流 
息 化 组 件 ， 是 交互 式 器 械 或 信息 
种 组 件 ， 可 在 用 户 界 面 中 进行 点 击 操作 
统 的 交互 。 在 信息 化 的 当今 社会 中 ， 交 互 
经 逐渐 深入 人 们 的 生活 中 ， 各 种 网 页 都 存在 
互 按钮 ， 使 得 人 们 能 够 完成 对 网 站 、 系 统 的 操作 ， 
如 图 1-1 所 示 


件 ， 常 用 来 控制 或 进行 交互 ， 如 图 1-3 所 示 。 


@ "| V GO 
ss Gs A 吕 
Ezis CES gz\ 
Bd Download! ha WNLORD =) SS 
nbs 到 4 
LA- 一 全 
按钮 就 是 一 个 进行 交互 的 标 
国 02050、4。 [性 。 。 提 的 一 各 操作。 按钮 根据 其 标签 内 容 可 以 达到 以 
竺 色 功 能 
(1) 向 导 功能 。 为 用 户 的 下 一 步 操作 起 到 
1.1.1 什么 是 按钮 向 导 作 用 ， 确 定 当 前 的 操作 进入 下 一 项 、 结 束 或 
开始 。 
按钮 最 早 是 作为 一 种 常用 的 控制 电器 元 件 出 现 (2) 指令 功能 。 通 过 按钮 来 实现 指定 标签 的 
的 ， 如 图 1-2 所 示 ， 一 般 用 来 控制 电器 或 其 他 设备 。 ， 操作 命令 ， 控 制 电器 或 交互 网 页 。 


随 着 信息 化 的 到 来 ， 按 钮 也 成 为 网 页 中 的 一 种 组 


(3) 提示 功能 


。 根 据 标签 


内 容 实现 选择 性 的 


四 洁 京 类 上 许 吉 JO1eQSnlll 荣 汉 千 


指令 。 


| 1.1.2 按钮 的 构成 元 素 


按钮 是 交互 的 视觉 符号 ， 具 有 重要 的 信息 价 
值 ， 有 助 于 创建 可 视 性 ， 按 钮 由 文字 、 形 状 、 颜 色 
三 个 元 素 组 成 ， 三 者 可 单独 进行 设计 ， 也 可 结合 起 
来 使 用 ， 如 图 1-4 所 示 。 


AR AP 
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图 1-4 

按钮 中 的 文字 是 最 直接 的 表达 方式 ， 应 尽量 使 
直观 性 的 文字 ， 不 要 使 用 艺术 字 来 设计 按钮 。 不 
同 的 文字 效果 给 人 不 同 的 视觉 感受 ， 厚 重 的 字体 将 
产生 庄重 、 严 肃 的 视觉 效果 ， 例 如 粗 黑 体 。 纤 细 的 
字体 将 产生 俏皮 、 轻 松 的 视觉 效果 ， 如 雅 黑 。 传 统 
4 书法 则 会 具有 文化 气息 和 浑厚 的 历史 感 ， 如 楷体 、 
行书 。 不 同 种 类 的 文字 有 着 不 同 的 视觉 感受 ， 所 以 
在 进行 按钮 标签 设计 时 ， 要 深入 了 解 按钮 的 作用 和 
寺 性 ， 从 而 根据 场景 设计 出 符合 条 件 的 按钮 标签 内 
容 。 如 图 1-5 所 示 为 购物 网 页 中 的 按钮 设计 效果 。 


图 1-5 

按钮 可 以 采用 几何 图 形 来 创建 ， 如 矩形 、 圆 角 
矩形 、 正 方形 、 圆 形 、 梯 形 、 椭 圆 、 不 等 边 图 形 
些 简 单 的 植物 、 动 漫 、 卡 通 造型 等 ， 通 过 
一 些 后 期 的 加 工 和 美化 ， 使 其 符合 当前 需要 设计 的 
主题 。 图 形 使 用 得 当 可 以 使 按钮 更 加 具有 观赏 性 和 
直观 性 ， 如 图 1-6 所 示 。 

可 -二 


全国 写 国 
Bd Ed 


图 1-6 


颜色 是 按钮 设计 中 不 可 缺少 的 元 素 ， 无 论 是 光 
鲜亮 丽 的 色彩 还 是 单一 朴素 的 色彩 ， 必 须 遵循 统一 
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和 协调 的 原则 ， 只 要 色彩 搭配 统一 和 协调 就 会 使 人 
印象 深刻 ， 如 图 1-7 所 示 。 


99999 


11.1.3 “按钮 的 设计 原则 


按钮 的 设计 是 最 为 普遍 的 平面 设计 之 一 ， 与 图 
形 设计 和 信息 化 交互 设计 息息相关 ， 更 是 信息 化 社 
会 生活 中 不 可 或 缺 的 一 种 交互 式 组 件 ， 在 设计 按钮 
时 要 遵循 以 下 原则 。 

(1) 标签 性 。 每 个 按钮 都 是 一 个 可 以 交互 的 
标签 标识 ， 按 钮 中 的 标签 文本 一 定 要 简明 扼要 地 阐 
述 当前 的 操作 。 

(2) 简洁 性 。 过 于 复杂 的 按钮 不 易 识别 ， 尤 
其 是 在 网 页 中 出 现 的 按钮 ， 设 计 得 过 于 复杂 会 使 用 
户 误解 为 标志 ， 这 样 就 失去 了 交互 的 目的 。 

(3) 突出 性 。 无 论 是 什么 样 的 按钮 ， 都 必须 
能 让 用 户 在 多 元 化 的 元 素 中 一 眼 就 可 以 找到 。 

在 设计 的 同时 还 要 遵循 其 基本 的 功能 ， 从 而 创 
造 出 既 符合 视觉 效果 ， 又 符合 交互 操作 的 按钮 。 


11.1:4 “按钮 的 大 小 


按钮 的 大 小 反映 了 该 元 素 在 屏幕 上 的 优先 级 
大 的 按钮 意味 着 重要 的 交互 操作 。 
较 大 的 按钮 是 优先 级 较 高 的 按钮 ， 重 要 的 按钮 
最 先 考虑 到 的 是 较 大 的 尺寸 ， 增 加 按钮 的 尺寸 可 以 
吸引 用 户 的 注意 力 。 
在 做 交互 式 界面 中 的 按钮 时 ， 较 小 的 按钮 常常 
会 导致 用 户 错误 的 操作 ， 如 图 1-8 所 示 。 
据 研 究 发 现 ， 手 指 垫 的 平均 长 度 为 
10 一 14mm， 指 尖 的 长 度 为 8 一 10mm， 所 以 
10mmX 10mm 就 是 一 个 很 好 的 最 小 触摸 目标 尺寸 。 


图 1-8 


上 .1.5 “按钮 的 顺序 


按钮 的 顺序 反映 了 用 户 和 系统 之 间 的 交互 意 
识 ， 按 钮 的 顺序 可 以 根据 意图 来 排列 ， 如 果 希 望 用 
户 在 屏幕 上 先 看 到 哪个 按钮 ， 哪 个 按钮 就 要 设计 到 
靠 左 或 最 左面 的 位 置 ， 因 为 人 们 的 阅读 习惯 一 般 是 
由 左 到 右 ， 所 以 就 形成 了 先 左 后 右 的 视觉 习惯 。 例 
如 ， 如 何在 播放 器 中 排列 “上 一 集 ” 和 “下 一 集 ” 
按钮 ? 一 般 来 说 ， 上 一 集 的 按钮 应 该 在 左边 ， 下 一 
集 的 按钮 应 该 在 右边 。 


1.2 商业 案例 一 有 质感 的 雳 虹 
按钮 设计 


11.2:1 设计 思路 
国 由 二 避 人 时 
国 。 案例 类 型 扫 码 看 视频 
本 案例 设计 一 款 有 质感 的 霓 虹 按 钮 。 
国 ”设计 背景 
霓 虹 是 装饰 性 的 发 光 灯 具 ， 是 城市 的 美容 师 
每 当夜 幕 降临 ， 五 颜 六 色 的 霓虹灯 就 会 把 城市 装扮 
得 格外 美丽 ， 如 图 1-9 所 示 。 所 以 根据 霓虹灯 的 这 些 


特点 ， 我 们 需要 在 一 个 黑色 背景 的 网 站 上 投放 一 些 
带 有 霓 虹 效果 的 质感 按钮 。 


图 ”设计 定位 

根据 党 虹 发 光 发 亮 的 特点 ， 我 们 将 按钮 设计 为 
发 光 灯 效果 ， 并 采用 黑色 的 字体 来 表现 按钮 的 镁 空 
效果 。 


11.2.2 ”配色 方案 


对 于 霓虹灯 来 说 ， 暖 色 和 饱和 度 较 高 的 色彩 


会 使 人 更 加 难忘 ， 下 面 介绍 本 案例 使 用 的 主 色 和 畏 
助 色 。 
四 ” 主 色 


主 色 采用 橘 色 和 黄色 ， 这 两 个 颜色 有 温馨 和 温 
暖 的 效果 ， 且 与 黑色 的 背景 冲突 ， 所 以 较 容 易 注意 
到 按钮 的 提示 内 容 。 
国 辅助 色 

辅助 色 采 用 黑色 ， 黑 色 部 分 主要 表现 在 位 置 注 
释 上 ， 要 与 整体 版 面相 符 ， 因 为 网 站 页 面 整体 是 黑 
色 的 ， 所 以 ， 我 们 采用 黑色 的 文字 ， 制 作 镁 空 字 体 
效果 ， 并 为 字体 设置 内 发 光 效 果 ， 可 以 模拟 出 更 加 
真实 的 发 光 光 晕 效 果 ， 如 图 1-10 所 示 。 
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加 ”其 他 配色 方案 


图 1-10 


夜晚 的 需 虹 灯 有 多 种 颜色 可 供 选 择 ， 所 以 我 
们 绘 出 整套 系 的 按钮 ， 这 些 按钮 可 以 通过 颜色 来 区 
别 ， 这 样 不 仅 可 以 丰富 画面 ， 使 整个 网 站 更 加 丰 
富 ， 而 且 更 加 符合 夜晚 需 虹 璀璨 的 效果 。 如 图 1-11 
所 示 为 三 种 颜色 套 系 方案 


图 1-11 


[1.2:3 ”形状 设计 


形状 和 颜色 一 样 可 以 影响 人 的 心理 。 有 棱角 


的 外 观 形状 可 以 展现 日 


观 形 状 可 以 给 人 轻松 


8 严肃 的 氛围 ; 圆 角 流 


规则 的 形状 给 人 以 自 
所 示 。 
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日 、 不 拘束 的 感觉 ， 如 


图 


肠 的 外 
、 休 闲 、 有 节奏 的 感觉 ， 不 


1-12 


后 调整 渐 


呈 4 > 


11.2.4 同 


A 


图 1-12 


类 作品 欣赏 


11.2.5 “项 目 实战 


加 ”制作 流程 


本 案例 首先 绘制 按钮 的 形状 并 进行 调整 ， 然 


如 图 1-13 所 示 。 


f 标 注 按 钮 信息 最 后 设置 艺术 


效果 


AN 


如 直 夯 S 昌 DYOQDnNY 国 


Pa 


图 1-15 
(在 工具 箱 中 选择 “直接 选择 工具 ”上 .， 在 舞台 
中 可 以 看 到 甜 形 的 每 个 角 内 测 有 一 个 日 形状 。 
使 用 “直接 选择 工具 ” 改 , 框 选 四 个 角 点 ， 在 @ 
形状 上 拖 皂 ， 可 以 拖 拒 出 矩形 的 圆 角 ， 如 
图 1-16 所 示 。 


站 光 贾 洲 山 | 潍 


图 1-13 ( 续 ) 


加 ”技术 要 点 

使 用 “矩形 工具 ”“ 椭 圆 形 工具 ”绘制 按钮 的 ， | 
形状 ; 

使 用 “直接 选择 工具 ”调整 图 形 的 形状 ; | 

使 用 工具 属性 栏 和 “属性 ”窗口 调整 图 形 的 
属性 ; 国 1-16 

使 用 “渐变 ”窗口 调整 

使 用 “文本 工具 ”标注 按钮 信息 ; Se 

使 用 “外观” 窗口 和 “效果 ”菜单 设置 艺术 一 AN 
效果 。 { ， 1 
国 ”操作 步 又 /7 
人 运行 llustrator 软 件 ， 在 欢迎 界面 中 单 击 “新 本 “ 


建 ” 按 钮 ， 弹 出 “新 建文 档 ” 对 话 框 ， 设 置 宽 
度 为 1920px、 “高 度 ” 为 1080px， 单 击 “ 创 
建 ”按钮 ， 如 图 1-14 所 示 。 


史 中 选择 “窗口 > 渐变 ”命令 ， 可 以 打 
"渐变 ”面板 ， 从 中 单 击 渐变 色 块 ， 可 以 填 
AR 在 “渐变 ”面板 中 设置 
“类 型 ”为 “线性 ”， 设 置 角度 为 90" ， 设 置 
RGB 从 #ffe655 到 #ff651e 的 颜色 渐变 ， 如 图 1-18 
所 示 。 


; 
5 ® C= fen) 


图 1-18 


图 1-14 
De 在 工具 箱 中 选择 “ 甜 形 工具 ” 国 ， 
在 舞台 中 创建 矩形 ， 如 图 1-15 所 示 。 


在 菜单 栏 中 选择 “窗口 > 外 观 ” 命 令 ， 可 以 打开 
“外 观 ”面板 ， 从 中 选择 “ 填 色 ”， 单 击 “ 添 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
性 浙 变 ， | 人 @ 经 续 拖 所， 直到 合适 的 回 角 释 放 矢 标 即 可 ， 如 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
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四 局 京 类 六 吉 JO1eQSnlll 荣 汉 千 


加 新 效果 ” 友 . 按 钮 ， 在 弹出 的 下 拉 菜单 中 选择 
“纹理 > 纹理 化 ”命令 ， 如 图 1-19 所 示 。 


| 本 
渐 赤 外观 国 Bi 式 到 

国 wt 

© ~ 所 w: 国 1p: na 


。 不 通明 度 : 默认 值 
全 | 不 汪 曙 度 ; 默认 值 
口 国 © 
Jllustrator 效果 


Ep 


EJ 


图 1-19 
在 弹出 的 “纹理 化 ”对 话 框 中 设置 纹理 化 参 
数 ， 单 击 “ 确 定 ”按钮 ， 如 图 1-20 所 示 。 


[TXT TE A 

i 人 

my 

EY wn 

i 

EE- wat 

遍 轩 加 2 

bi I bd 

中 国 | = 
Dt 
[1 Er 
-mm 

EL -i 

图 

图 1-20 


人 @ 设置 纹理 化 效果 后 ， 继续 单 击 “ 添 加 新 效果 ” 
按钮 所 .， 在 弹出 的 下 拉 菜 单 中 选择 “艺术 效 
果 > 干 画笔 ”命令 ， 在 弹出 的 “ 干 画笔 ”对 话 
框 中 设置 合适 的 参数 ， 如 图 1-21 所 示 。 
在 工具 箱 中 选择 描 边 ， 单 击 “无 ”按钮 四 ， 可 
以 设置 出 图 像 的 无 描 边 效果 ， 如 图 1-22 所 示 。 


006 


eaxsanroDOQedwY 国 


PR 


万 


名 


图 1-22 
人 @ 选 择 设置 效果 后 的 矩形 ， 按 Ctrl+C 组 合 键 ， 
复制 图 像 ， 按 Ctrl+F 组 合 键 ， 粘 贴 到 图 像 的 前 
面 ， 使 用 “选择 工具 ”， 选 择 复制 出 的 矩形 ， 
可 以 看 到 处 于 选择 状态 的 矩形 周围 出 现 一 个 八 
点 边框 ， 通 过 调整 边框 ， 可 以 调整 矩形 的 大 
小 ， 如 图 1-23 所 示 。 


图 1-23 


国 复制 、 粘 贴 提示 技巧 


众所周知 ， 通 用 的 复制 、 粘 贴 操作 可 以 使 用 为 
CtrltC 和 Ctrlt+V 组 合 键 ， 在 AI 中 复制 还 是 Ctrl+C， 
而 粘贴 有 多 种 类 型 ， 打 开 “ 编 辑 ” 菜 单 ， 从 中 可 以 
看 到 有 粘贴 、 贴 在 前 面 、 贴 在 后 面 、 就 地 粘贴 、 在 
所 有 画板 上 粘贴 几 种 粘贴 方式 ， 牢 记 这 几 种 粘贴 方 
式 的 快捷 键 ， 可 以 在 制作 过 程 中 提高 制作 质量 和 速 
度 ， 如 图 1-24 所 示 。 


对 象 (0) 文字 (T) 迁 泽 (S) ”效果 ( 〇 入 


国 通过 工具 箱 填充 颜色 提示 技巧 


还 原 (U) 算 形 Ctrl+Z | 

EY Shift+ C+Z | 在 工具 箱 中 可 以 看 到 “ 填 色 ” 和 “ 描 边 ”图 

eh ty 标本， 单 击 填充 后 ， 单 击 “ 填 色 ”， 可 以 设置 其 填 

和 cov | 色 颜 色 、 渐 变 和 无 填 色 效果 ; 如 果 需 要 设置 填 色 着 

ee Sl | 色 ， 可 以 双击 填 色色 块 ， 弹 出 “失色 器 ”对 话 框 ， 

贴 在 后 面 (B) Ctrl+B | 

et Shit+cultv | 从 中 可 以 设置 单 色 填 色 ， 如 图 1-28 所 示 。 单 击 “渐变 

ey | 填充 ”按钮 国 ， 可 以 填充 图 像 为 黑白 色 ， 结 合 使 用 
图 1-24 | “ 当 变 ”面板 来 设置 渐变 填充 的 颜色 和 渐变 类 型 ， 


3 如 图 1-29 所 示 。 单 击 “ 色 标 ”， 可 以 设置 其 “不 透 

人 OO 选择 后 面 较 大 的 回 角 和 矩形， 在 “外 观 ” 面 板 中 。 明度 ”和 “位 置 ”， 单 击 两 侧 “ 色 标 ” 可 以 弹出 忆 
选择 “ 描 边 ”， 单 击 措 边 颜色 下 拉 按 钮 ， 在 弹 | 捷 面 板 ， 从 中 设置 色 标的 填充 颜色 ， 如 图 1-30 所 示 。 
出 的 色调 中 选择 一 个 橘红 色 描 边 ， 设 置 描 边 的 在 工具 箱 中 单 击 “ 无 ”按钮 四 ， 可 以 设置 为 无 填 色 ; 
粗细 为 3pt， 如 图 1-25 所 示 。 


“ 描 边 ”的 颜色 设置 同样 如 此 。 


手 扎 阔 冲 ”出 1 进 


图 1-25 
选择 “ 填 色 ”， 在 “外 观 ” 面板 中 单 击 “ 添 | 
加 新 效果 ”按钮 友 ， 在 弹出 的 下 拉 菜单 中 选择 | 
“风格 化 > 内 发 光 " 命令， 在 弹出 的 “内 发 光 " 
对 话 框 中 设置 合适 的 内 发 光 参数 ， 设 置 内 发 光 | 
的 颜色 为 枣 红色 ， 如 图 1-26 所 示 。 | 


不 加 明度 : 100% ~ 
位 置 : 39.19% ~ 


口中 心 四 


es 


图 1-26 | 
在 工具 箱 中 选择 “和 矩形 工具 ”加 ， 在 如 图 1-26 | 
所 示 的 位 置 创建 矩形 ， 在 工具 箱 中 单 击 " 填 | 
色 ”， 设 置 填 色 为 白色 ， 如 图 1-27 所 示 。 | 


3 
国 类 型 : 线性 
大 xs” 


Fa ， 


不 请 红 认 : 100k ~ | 


Re ” 
四 6 一 二 


Ll # 637700 


图 1-27 
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他 设置 矩形 为 无 “ 描 边 ”， 在 “外 观 ”面板 中 单 ee i 
击 “ 添 加 新 效果 ”按钮 太 ， 在 弹出 的 下 拉 菜 a | 硬 
单 中 选择 “模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 Sar 二 
“高 斯 模糊 ”对 话 框 中 设置 合适 的 模糊 参数 ， | | 
如 图 1-31 所 示 。 -~ 
岂 。 hdobe 宋体 Std L ~ 


人 @ 挝 择 文 亲 ， 在 “属性 ”面板 的 “外 观 ” 栏 中 单 
击 “添加 新 效果 ”按钮 扩 ， 在 弹出 的 下 拉 菜 单 
中 选择 “风格 化 > 内 发 光 ”命令 ， 在 弹出 的 “内 
发 光 ” 对 话 框 中 设置 内 发 光 的 颜色 为 枣 红色 ， 
设置 合适 的 内 发 光 参 数 ， 如 图 1-34 所 示 。 


图 1-31 


人 @ 念 在 工具 箱 中 选择 “文字 工具 ”下 ,， 在 舞台 中 单 
击 创 建 插入 点 ， 输 入 文字 ， 滑 选 文字 ， 在 “ 字 
符 ” 面 板 中 设置 字体 的 属性 ， 如 图 1-32 所 示 ， 
使 用 “选择 工具 ”调整 文字 的 位 置 ， 设 置 文字 
的 填充 为 黑色 。 


图 1-34 
选择 较 小 的 圆 角 矩 形 ， 按 Ctrl+C 组 合 键 复制 ， 


辆 设置 字体 属性 


创建 字体 后 ， 可 以 在 “字符 ”和 “属性 ”面板 
中 对 其 进行 调整 。 “属性 ”面板 中 有 许多 针对 当前 
选择 对 象 的 一 些 命令 ， 如 图 1-33 所 示 。 可 以 对 比 看 
一 下 属性 面板 和 针对 文字 、 段 落 的 三 个 编辑 面板 ， 
这 里 可 以 根据 读者 的 习惯 来 使 用 面板 ， 最 常用 的 还 
是 “属性 ”面板 。 这 些 “ 面 板 ” 都 可 以 在 “窗口 ” 
菜单 中 找到 。 


再 按 Ctrl+F 组 合 键 粘贴 在 前 面 ， 如 图 1-35 所 示 。 


图 1-35 
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《人 在 荣 单 栏 中 选择 “效果 > 像素 化 > 彩色 半 调 " 变 ， 选 择 按钮 的 所 有 图 像 ， 按 Ctrl+G 组 合 键 将 
命令 ， 可 以 看 到 “效果 ”菜单 中 的 大 部 分 效 其 成 组 ， 并 调整 其 控制 点 ， 将 其 翻转 ， 形 成 一 
果 都 可 以 在 “添加 新 效果 ”按钮 所 中 找到 ， 所 个 镜像 效果 ， 在 “透明 度 ”面板 中 设置 合适 的 
以 根据 读者 习惯 选择 使 用 即 可 ， 在 弹出 的 “ 彩 “不 透明 度 ” 即 可 ， 如 图 1-38 所 示 。 
色 半 调 ” 对 话 框 中 设置 合适 的 参数 ， 如 图 1-36 6 至 此 ， 本 实例 制作 完成 ， 按 Ctrl+S 组 合 键 ， 存 储 
所 示 。 文件 ， 在 弹出 的 “存储 为 ”对 话 框 中 根据 提示 
进行 存储 即 可 。 
应 用 “彩色 站 调 " (A) Shift+Ctrl+E 
彩色 站 调 … Alt+Shift+Ctrl+E 
文档 财 格 效 果 设 置 (E).… 
3D(3) 上 第 
SVG 小 狗 (G) » 章 
na) ; 
0) 科 
路 径 (P) 设 
区 1 计 
风格 化 (S) :i 
mE era] 
| ， 个 化 - 图 1-38 
画笔 迫 边 上 点 状 化 … 
hn 1 ed. 
艺术 效果 » 
视 需 » 
风格 化 » 


了 3 商业 案例 一 一 游戏 按钮 设计 ) 


图 1-36 
设置 彩色 半 调 后 ， 在 “窗口 ”菜单 中 选择 “ 透 
明度 ”命令 ， 打开“ 透明度 ”面板 ， 设 置 合适 


的 混合 模式 和 “不 透明 度 ”， 如 图 1-37 所 示 。 


11.3:1 设计 思路 


案例 类 型 提名 者 
本 案例 设计 一 款 手机 App 休 闲 类 小 游戏 的 
图 1-37 按钮 。 
图 为 了 更 好 地 体现 霓虹灯 效果 ， 我 们 使 用 “和 珑 形 | 国 设计 背景 
工具 ” 国 . 创 建 了 一 个 矩形 作为 背景 ， 填 充 和 矩形 该 手机 游戏 是 一 个 界面 新 颖 、 颜 色 艳 丽 的 软 
为 径 向 渐变 ， 设 置 渐变 颜色 为 暗 红 到 黑色 的 渐 ， 件 ， 整 体 界 面 卡通 元 素 较 多 ， 色 彩 饱 和 度 也 较 高 ， 


009 


客户 希望 以 绿色 、 红 色 和 黄色 三 个 主 色调 来 创意 ， 
如 图 1-39 所 示 为 客户 的 意向 图 。 


图 ”设计 定位 

根据 该 公司 提供 的 意向 图 以 及 需要 的 颜色 ， 
初步 可 以 确定 主题 色调 为 绿色 、 红 色 和 黄色 ， 我 们 
将 先 设计 其 中 绿色 的 按钮 ， 采 用 桌面 上 的 水 珠 形 
状 ， 根 据 这 个 形状 制作 一 个 具有 高 光 和 层次 的 卡通 
按钮 。 


|1.3.2 配色 方案 


小 游戏 的 初始 界面 非常 重要 ， 按 钮 的 搭配 和 
生动 的 形象 会 给 人 带 来 休闲 和 慨 意 的 效果 ， 而 对 于 
游戏 本 身 而 言 就 是 给 人 们 带 来 快乐 和 放松 的 一 种 方 
式 ， 可 以 起 到 解压 的 效果 。 

图 主 色 

在 本 案例 中 将 以 绿色 为 主 色 ， 绿 色 是 自然 界 中 
最 常见 的 颜色 ， 是 一 种 生命 新 生 的 颜色 ， 绿 色 给 人 
以 祥和 、 安 静 、 轻 松 、 自 然 的 感觉 ， 最 适合 出 现在 
休闲 类 游戏 场景 中 ， 如 图 1-40 所 示 。 


图 1-40 


国 。 辅助 色 
辅助 色 将 采用 灰色 和 和 白色， 灰色 表 现 阴 影 效 
色 表 现 高 光 效 果 ， 使 制作 的 按钮 更 具有 层 


回 ”其 他 配色 方案 

根据 客户 需求 ， 我 们 设置 了 三 种 按钮 的 颜色 
方案 ， 橘 色 和 绿色 搭配 会 给 人 以 欢快 喜悦 的 效 
果 ， 黄 色 给 人 以 清晰 的 效果 ， 蓝 色 则 较为 冷静 。 
在 页 面 中 可 以 至 多 搭配 四 种 颜色 按钮 作为 套 系 按 
钮 来 完成 游戏 版 面 的 设计 。 如 图 1-41 所 示 为 可 选 的 
配色 方案 。 


图 1-41 
11.3.3 “形状 设计 


颜色 确定 之 后 ， 形 状 是 另 一 个 需要 注意 的 重 
要 因素 ， 在 小 游戏 的 设计 过 程 中 切 勿 使 用 棱角 分 
明 的 按钮 ， 棱 角 分 明 的 按钮 表达 的 概念 会 让 人 觉 
得 严肃 ， 所 以 不 适合 作为 游戏 按钮 。 在 本 案例 中 
将 采用 随 性 流畅 的 形状 ， 使 人 看 到 会 觉得 很 轻 
松 ， 如 图 1-42 所 示 。 


图 1-42 


| 1.3.4 “同类 作品 欣赏 


上.3.5 “项 目 实战 


国 。 制作 流程 

本 案例 首先 绘制 按钮 的 图 形 并 进行 细节 的 修 
饰 ， 然 后 绘制 其 他 装饰 素材 ， 最 后 调整 颜色 ， 效 果 
如 图 1-43 所 示 。 


图 1-43 


国 ”技术 要 点 
使 用 “钢笔 工具 ”“ 椭 圆 工 具 ”“ 艺 术 笔 工 
有 具 ” 绘 制图 形 ; 

使 用 “选择 工具 ”“ 形 状 工具 ”修饰 调整 
图 案 ; 
使 用 颜色 和 色 值 为 按钮 填充 颜色 ; 

使 用 “文本 工具 ”添加 按钮 信息 。 
图 ”操作 步骤 
运行 llustrator 软 件 ， 创 建 一 个 新 文档 。 


在 工具 箱 中 选择 “钢笔 工具 ” 恨 ， 在 舞台 中 单 ， 


击 创建 形状 ， 最 后 单 击 第 一 点 闭合 图 形 ， 如 
图 1-44 所 示 。 

在 工具 箱 中 选择 “直接 选择 工具 ”上 和.， 在 舞台 
中 拖 遇 线段 的 角 点 ， 设 置 角 点 的 圆 角 效 果 ， 如 
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图 1-45 所 示 。 
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图 1-45 


(在 工具 箱 中 双击 “ 填 色 ” 色 块 ， 在 弹出 的 “ 拾 


色 器 ”对 话 框 中 设置 颜色 为 杆 OFOFO， 单 击 
“确定 ”按钮 ， 如 图 1-46 所 示 。 
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图 1-46 
设置 “ 描 边 ”的 颜色 为 #bababa， 如 图 1-47 
所 示 ， 在 工具 属性 栏 中 设置 “ 描 边 ”粗细 为 
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图 1-47 
园 如 何 显示 工具 属性 栏 


默认 状态 下 安装 完 Illustrator 2018 后 ， 界 面 
中 不 会 显示 工具 属性 栏 ， 如 何 显 示 工 具 属 性 栏 
呢 ? 默认 的 工作 模式 为 “基本 功能 ”工作 界面 

| Phiom sox [一 | 本 | x | ， 单 击 
“基本 功能 ”下 拉 按 钮 ， 从 下 拉 列 表 中 选择 “传统 
基本 功能 ”工作 界面 ， 即 可 显示 工具 属性 栏 。 

按 Ctrl+C 和 Ctrl+F 组 合 键 ， 将 绘制 的 图 像 复 制 并 

粘贴 到 前 面 ， 修 改 其 “ 描 边 ” 颜 色 为 白色 ， 稍 

微 向 下 调整 图 像 的 位 置 ， 露 出 底部 图 形 的 上 侧 

边缘 ， 如 图 1-48 所 示 。 
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图 1-48 


在 工具 箱 中 选择 “矩形 工具 ” 国 ,， 在 舞台 中 
创建 一 个 矩形 ， 设 置 填充 为 蓝 色 ， 按 Ctrl+[ 组 
合 键 ， 直 至 调整 到 两 个 图 像 的 下 方 ， 如 图 1-49 
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所 示 。 


@ 


图 1-49 
过 CtltF 组 合 键 ， 继续 粘贴 图 像 到 前 面 
四 周 的 控制 点 ， 调 整 其 大 小 ， 设 置 “ 填 色 ” 
的 颜色 为 #328ela，“ 描 边 ”为 无 ， 妇 


羡 
过 


所 示 。 


图 1-50 

人 @ 技 CtrlhT 组 合 键 ， 粘贴 图 像 到 前 面 ， 调 整 其 大 

小 ， 设 置 填 色 为 渐变 ， 在 “渐变 ”面板 中 设 

置 渐变 的 颜色 从 加 0de20 到 妇 7aa00， 设 置 “类 

型 ”为 “线性 ”， 设置 角度 为 -90? ， 设 置 “ 描 
边 ” 为 无 ， 如 图 1-51 所 示 。 


图 1-51 
选择 最 上 方 的 图 像 ， 按 Ctl+C 和 Ctrl+F 组 合 键 ， 
将 图 像 粘 贴 到 前 面 ， 拖 昂 控 制 点 ， 调 整 其 大 
小 ， 在 “渐变 ”面板 中 修改 其 渐变 的 颜色 为 从 
#a8df22 到 #37ae00 的 渐变 ， 如 图 1-52 所 示 。 


图 1-52 
人 OO 选择 最 上 方 的 图 像 ， 在 菜单 栏 中 选择 “效果 > 风 
格 化 > 投影 ”命令 ， 如 图 1-53 所 示 。 


图 1-55 
选择 灰色 上 方 的 绿色 图 像 ， 也 就 是 第 三 层 的 图 
像 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 投影 ” 命 
令 ， 在 弹出 的 “投影 ”对 话 框 中 设置 合适 的 参 
数 ， 如 图 1-56 所 示 。 


应 用 “生出 和 笠 角 "(A) Shift+Cul+E 
贞 出 和 简 角 … Alt+Shift+Ctrl+E 


ome 0{]Oms om: 


图 1-56 
人 全 设置 的 投影 效果 如 图 1-57 所 示 。 


Rs 


图 1-53 
在 弹出 的 “投影 ”对 话 框 中 设置 投影 的 颜色 为 
黑色 ， 设 置 合适 的 参数 ， 如 图 1-54 所 示 。 


不 透明 度 (0) ;人 25% 
xX 位移 00:[2 本 加 


里 位 移 (D7 pr 


宽 籼 (B): 2 20 px 
Ome oO Osmo: DT 


下 


图 1-57 
在 工具 箱 中 选择 “画笔 工具 ”x.， 在 工具 属性 
栏 中 设置 “ 描 边 ”粗细 为 2pt， 选 择 一 个 合适 的 
画笔 类 型 ， 如 图 1-58 所 示 。 


图 1-54 
人 全 设置 投影 的 效果 如 1-55 所 示 。 


el | rm | gt ~ (@ ssc ~)] amg: i00% | 》 料 式 : ~ | [文档 设置 | 音 迁 项 | z ~ 
图 1-58 
iE “ 描 边 ” 为 白色 ， 在 舞台 中 绘制 顶部 的 高 光 ， 如 图 1-59 所 示 。 


人 @ 在 工具 属性 栏 中 修改 “ 描 边 ”粗细 为 1pt， 在 底部 绘制 高 光 ， 如 图 1-60 所 示 。 
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Er 


图 1-60 

人 OO 使 用 “钢笔 工具 ”分 ,在 舞台 中 绘制 三 角 ， 并 使 
用 “直接 选择 工具 ”上 .设置 尖 角 的 圆 角 效 果 ， 
如 图 1-61 所 示 。 


2 


图 1-61 


人 0 设置 四角 三 角 效 果 后 ， 在 菜单 栏 中 选择 “效果 > 
风格 化 > 内 发 光 ”命令 ， 如 图 1-62 所 示 。 
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4 


在 弹出 的 “内 发 光 ” 对 话 框 中 设置 合适 的 参 
数 ， 如 图 1-63 所 示 。 


图 1-63 


按 Ctrl+C 组 合 键 ， 复 制 三 角 播放 按钮 ， 按 Ctrl+F 
组 合 键 粘贴 ， 并 设置 填充 为 和 白色， 如 图 1-64 
所 示 。 


A 


图 1-64 


人 在 菜单 栏 中 选择 “效果 > 风格 化 > 内 发 光 ” 命 


令 ， 在 弹出 的 “内 发 光 ” 对 话 框 中 设置 合适 的 
参数 ， 如 图 1-65 所 示 。 


模 身 (B): > 10 px 


Doc 可 


为 作为 背景 的 矩形 设置 渐变 填充 ， 完 成 最 终 | 
效果 的 制作 ， 至 此 本 案例 制作 完成 ， 如 图 1-66 | 
所 示 。 


由 


图 1-66 


| 流血、 和 危险、 


1 4 商业 案 俱 


11.4:1 设计 思路 


图。 案例 类 型 扫 码 看 视频 
本 案例 是 一 款 立体 按钮 设计 项 目 。 
图 ”项目 诉 求 


本 案例 的 应 用 方向 是 机 械 类 的 按钮 设计 项 目 ， 
根据 诉求 ， 按 钮 制作 要 简单 明了 ， 并 采用 透明 反射 
性 能 较 强 的 材料 ， 设 计 成 圆 形 的 按钮 。 如 图 1-67 所 | 
示 为 客户 比较 喜欢 的 按钮 效果 。 


图 1-67 


| ee 


ss ED 


看 ”设计 定位 

根据 该 公司 的 要 求 我 们 将 制作 一 个 圆 形 立体 按 
钮 ， 根 据 意向 图 我 们 将 按钮 的 主 色 调 设置 为 红色 ， 
根据 这 些 构思 来 制作 一 款 立 体 的 按钮 效果 。 


11.4.2 ”配色 方案 


在 机 械 中 各 种 按钮 都 是 非常 重要 的 ， 所 以 要 根 
据 其 内 容 来 设置 主题 色调 。 
加 ” 主 色 

主 色 选择 红色 ， 红 色 容 易 引 起 人 们 的 注意 ， 


中 都 会 用 红色 的 文字 或 图 像 来 表 
灯 中 红色 表示 停止 ， 红 色 还 被 看 成 
恐怖 的 象征 色 ， 如 图 1-68 所 示 。 


见 。 例 如 在 和 


EEH 
图 1-68 


EE EE 


| 图” 辅助 色 


辅助 色 会 使 用 黑色 、 灰 色 以 及 模拟 的 高 光 


| 白色 。 
”加 ”其 他 配色 方案 


因为 红色 、 黄 色 、 绿 色 按 钮 的 饱和 度 较 高 ， 所 


”以 适用 在 机 械 产业 中 使 用 。 如 果 不 是 在 机 械 行 业 中 
”使 用 的 立体 按钮 ， 配 色 还 有 许多 种 样式 ， 如 图 1-69 


”所 示 为 优秀 的 配色 方案 。 


图 1-69 
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平 现 钞 汗 ” 山 ! 吉 


四 洁 计 灶 上 许 吉 JO1eJSnlll 荣 汉 千 


11.4.3 “形状 设计 


形状 设计 要 以 客户 的 要 求 为 主 ， 设 计 一 


款 圆 形 


的 按钮 。 圆 形 代 表 着 保护 和 无 限 ， 代 表 着 诚信 、 交 


流 、 圆 满 和 完整 。 


园 形 也 代表 着 完美 ， 还 代表 着 极致 ， 没 有 棱 


角 ， 低 调 、 丰 富 、 奢 华 、 内 伍 、 包 罗 万 象 ， 每 个 元 
素 都 应 有 它 自己 的 生命 和 意义 ， 融 合 之 后 ， 品 牌 就 


有 了 生命 力 。 


| 1.4.4 “同类 作品 欣赏 


‘3423 辐 


11.4:5“ 项 目 实 战 


加 ”制作 流程 


本 案例 首先 创建 椭圆 形 按钮 ， 然 后 调整 交叉 的 
路 径 形状 并 修改 其 颜色 ， 最 后 设置 3D 效 果 并 绘制 高 


光 效果 ， 如 图 1-70 所 示 。 


@ 


国 。 技术 要 点 


图 1-70 


使 用 “椭圆 工具 ”创建 椭圆 形 按钮 ; 


使 用 “路 径 查找 器 ”面板 调整 交叉 的 路 径 形状 


并 修改 其 颜色 ; 


使 用 “3D 凸 出 和 和 斜 角 选 项 ”设置 3D 效 果 ; 


使 用 “钢笔 工具 ”和 “画笔 了 
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[ 具 ” 


绘制 高 光 


国 ”操作 步骤 


运行 Ilustrator 软 件 ， 新 建 一 个 文档 。 


在 工具 箱 中 选择 “椭圆 工具 ”@,， 
住 Alt+Shift 组 合 键 绘制 正 贺 ， 如 1- 


在 舞台 中 按 
71 所 示 。 


下 


S\N 入 有 


< 图 bj> * 


图 1-71 
在 工具 箱 中 双击 “ 填 色 ”， 在 弹出 的 “ 拾 色 


器 ”对 话 框 中 设置 “ 填 色 ”的 颜 


色 为 较 暗 的 红 


色 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 1-72 所 示 。 


趟 提要 色 


PN 了 XS NN Dy 


t | 四 asY58 回 as 
- 


口 
国 
四 


口 仅 限 Wob 阁 色 (0) 


| 


图 1-72 
在 工具 箱 中 选择 “ 描 边 ”， 单 击 


“无 ”按钮 加 ， 


设置 “ 描 边 ”为 无 ， 如 图 1-73 所 示 。 


按 Ctrlt+C 和 Ctrlt+V 组 合 键 ， 复制 
将 一 个 圆 移动 到 一 旁 ， 在 工具 箱 


并 粘贴 图 像 ， 


中 选择 “钢笔 


工具 ”分 .， 在 其 中 一 个 圆 的 上 方 如 图 1-74 所 示 


的 位 置 创建 闭合 图 形 。 


人 在 舞台 
图 像 ， 在 “路 径 查找 器 ”面板 中 单 击 “ 分 割 " 
按钮 加 ， 如 图 1-75 所 示 。 


村 电子 入 于 98YOR09DwY 固 


yr 
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HE 


PNEFO 记 YTDONNSDT : 


El LA-| 
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PSNE 


图 1-73 


图 1-74 
Ph 按 住 Shift 键 选择 椭圆 和 用 钢笔 绘制 的 


2 


要 在 “属性 ”面板 单 击 “ 取 消 编组 ”1 


如 


图 


后 系统 会 自 


1-76 所 示 。 


图 1-75 
动 将 分 割 后 的 图 像 成 组 ， 需 


按钮 ， 


Es 
ma 
= 
Co 
强 -495.5 高 :555 px & 
Arm ~ 并 对 
4 
国 xe 
因数 ~ 
园 saag on > 
所 
Ce 
Cen] me 
TREE 
加 
图 1-76 


@ 取消 编组 后 ， 按 Delete 键 ， 删 除 不 需要 的 图 像 


灰色 ， 如 图 1-77 所 示 。 


区 域 ， 设 置 上 半 部 分 为 暗 红色 ， 下 半 部 分 为 浅 


图 1 


图 1- 
在 菜单 栏 中 选择 “效果 >3D> 凸 出 和 斜 角 ” 命 


令 ， 在 弹出 的 “3D 吓 上 
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全 在 舞台 中 选择 另 一 个 加 ， 对 圆 进行 复制 ， 如 
图 1-78 所 示 。 然 后 选择 复制 前 的 圆 。 
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上 和 和 斜 角 选 项 ”对 话 框 


设置 合适 的 参数 ， 如 图 1-79 所 示 。 


手 扎 甸 壕 ”出 ! 进 


| 的 快捷 菜单 中 选择 “排列 ”命令 ， 可 以 看 到 子 菜单 
| 命令 ， 如 图 1-82 所 示 ， 包 括 “ 置 于 顶层 ”“ 前 移 一 


‘| 层 ”“ 后 移 一 层 ” 和 “ 置 于 底层 ”四 个 命令 。 
2 Fe 


aa 全 


西 出 与 疼 角 

Gd EE 5: 几 oO 
b= 器 

表面 (3): 得 村 履 果 旗 这 ~ 


口 枯 mm (Wu) (rsanm) (Ca (aa )| 


Hl | | | 


El 
六 
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\ 
| 
村 
EE 
3 下 
时 
-| 
了 | pn 
E i 
和 233 
人 
| 8 
: dis 


四 图 1-79 

版 人命 设置 的 园 的 3D 效 果 如 图 1-80 所 示 。 > 

去 | 本 于 WE Shift+Ctrl+] 

外 » 前 移 一 后 (O) Gary] 

a 2 [sam Nt 

9 »| 置 于 论 层 (A) Shift+ Ctrl+[ 

章 发 送 至 当前 图 导 ( 

辣 图 1-82 

机 | 第 二 种 : 在 菜单 栏 中 选择 “对 象 > 排列 ” 命 
请 | 令 ， 在 弹出 的 子 菜单 中 选择 合适 的 命令 ， 如 图 1-83 
冤 | 所 示 。 

意 | > Rs) selO av) OW) wot) 国 me 


Eo 上 
二 AI 


Dy] » 


图 1-80 | 
调整 步骤 9 复制 的 红色 圆 的 形状 和 角度 ， 并 放置 | 
到 如 图 1-81 所 示 的 位 置 。 


图 1-83 
第 三 种 : 按 Shift+Ctrl+] 组 合 键 置 于 顶层 、 按 
”Ctrit] 组 合 键 前 移 一 层 、 按 Ctrlt[ 组 合 键 后 移 一 层 、 
| 按 Shift+Ctrl+[ 组 合 键 置 于 底层 。 


将 分 割 的 圆 放置 到 红色 圆 的 下 方 ， 并 调整 其 大 
小 和 角度 ， 如 图 1-84 所 示 。 


图 1-81 


国 调整 图 像 的 排列 提示 技巧 


在 创建 多 个 图 像 时 ， 难 免 会 遇 到 调整 图 像 前 后 | 


顺序 的 操作 ， 如 何 调整 图 像 的 前 后 顺序 呢 ? 常用 的 | 图 1-84 
方法 有 三 种 。 | 人 调整 图 像 的 位 置 ， 组 合 出 如 图 1-85 所 示 的 
第 一 种 : 用 鼠标 右 击 需要 排列 的 图 像 ， 在 弹出 ”效果 。 
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au rr ao: 加 5 
市 朋 : 己 习 无 加 


和 而 9: 村 村 站 时 底 让 ~ 


Dem Gam) (rar) (CEIC ) 


关 > 图 1-88 第 

图 1-85 按 

在 工具 箱 中 选择 “钢笔 工具 ” 硝 .， 在 舞台 中 如 如 
图 1-86 所 示 的 位 置 创建 形状 ， 作 为 高 光 ， 设 置 计 


“ 填 色 ”为 白色 。 


图 1-89 
人 @ 人 对 底部 的 灰色 加 进行 复制 ， 复制 后 在 “外 观 ” 
窗口 中 选择 “3D 凸 出 和 和 斜 角 ” 效 果 ， 单 击 “ 删 
除 ” 按 钮 傅 ， 将 设置 的 效果 删除 ， 如 图 1-90 


图 1-86 


所 示 。 
使 用 “椭圆 工具 ”,， 在 舞台 中 创建 梢 贺 ， 设 凡 
置 “ 填 色 ” 为 #f9f2 亿 ， 如 图 1-87 所 示 。 秽 
路 径 
四 区 = 


图 1-90 
在 舞台 中 调整 圆 的 大 小 和 角度 ， 并 调整 圆 的 排 
列 ， 如 图 1-91 所 示 。 


图 1-87 
人 @ 选 择 创建 的 回 ， 在 菜单 栏 中 选择 “效果 >3D> 
凸 出 和 和 斜 角 ” 命 令 ， 在 弹出 的 “3D 凸 出 和 和 斜 
角 选 项 ”对 话 框 中 设置 合适 的 参数 ， 如 图 1-88 
所 示 。 
《@ 将 设置 的 3D 回 效果 ， 放置 到 如 图 1-89 所 示 的 位 
置 ， 并 调整 其 大 小 和 排列 。 


图 1-91 
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选中 调整 好 的 圆 ， 按 Ctrl+C 和 Ctrl+F 组 合 键 复 
制 并 粘贴 ， 然 后 在 舞台 中 调整 圆 ， 如 图 1-92 
所 示 。 


图 1-95 
使 用 “钢笔 工具 ”分 .在 舞台 中 如 图 1-96 所 示 的 
位 置 创建 高 光 。 


N= 


图 1-92 
全 佬 改 加 的 “ 填 色 ”为 # 8e8282， 如 图 1-93 所 示 ， 
双击 圆 ， 进 入 编辑 状态 。 


图 1-96 
继续 使 用 “钢笔 工具 ”分 ,在 舞台 中 红色 圆 
的 上 方 创 建 形状 ， 使 用 “直接 选择 工具 ”上 
和 “ 锚 点 工具 ”以 调整 形状 ， 如 图 1-97 
所 示 。 


图 1-93 
使 用 “钢笔 工具 ”分 ,在 舞台 中 绘制 如 图 1-94 所 
示 的 高 光 图 像 ， 按 住 Shift 键 选择 创建 的 几 个 高 
光 图 像 和 圆 ， 在 “路 径 查找 器 ”面板 中 单 击 
“分 割 ” 按 钮 加 。 


图 1-97 
在 “透明 度 ” 面板 中 设置 “不 透明 度 ” 为 


图 1-94 


50%， 如 图 1-98 所 示 。 

选择 “画笔 工具 ”A,， 然 后 在 工具 属性 栏 中 选 
择 合适 的 画笔 ,设置 画笔 的 “ 描 边 ”和 “不 透 
明度 ”， 在 舞台 中 创建 高 光 ， 修 改 画 笔 的 描 边 


分 割 贺 后， 使 用 “选择 工具 ”选择 不 需要 的 图 
像 ， 按 Delete 键 ， 删 除 多 余 的 图 像 ， 如 图 1-95 所 
示 。 在 舞台 的 空白 区 域 双击 ， 返 回 到 舞台 中 。 
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使 用 “文字 工具 ”T, 在 舞台 中 的 按钮 上 创建 文 
字 ， 在 “属性 ”面板 中 设置 文字 的 字体 、 大 小 
和 颜色 ， 如 图 1-101 所 示 。 


粗细 并 绘制 高 光 效 果 ， 如 图 1-99 所 示 。 


Ld 


站 到 西江 


图 1-101 
选择 创建 的 文字 ， 在 菜单 栏 中 选择 “效果 > 风 
格 化 > 内 发 光 ” 命 令 ， 在 弹出 的 “内 发 光 ” 对 
话 框 中 设置 合适 的 参数 ， 单 击 “确定 ”按钮 ， 
如 图 1-102 所 示 。 


模式 QD : 正常 
不 透明 度 (0) : 2 50% 
模糊 (6): [2 E |] 
Oh 心 O 5HE) 


图 1-99 
人 @ 合 “钢笔 工具 ” 太 , 在 如 图 1-100 所 示 的 位 置 给 
制图 形 ， 在 “渐变 ”面板 中 将 “ 填 色 ”设置 为 
透明 到 黑色 的 渐变 ， 设 置 合适 的 角度 ;在 “ 透 
明度 ”窗口 中 设置 混合 模式 为 “正片 又 底 ”， 
设置 “不 透明 度 ” 为 50%， 将 此 部 分 作为 按钮 
的 阴影 区 域 。 


图 1-102 


使 用 “ 珑 形 工具 ” 国 , 在 舞台 中 创建 德 形 ， 设 
置 矩 形 的 “ 填 色 ”为 黑色 到 白色 的 “ 径 向 ” 渐 
变 ， 作 为 按钮 的 背景 ， 如 图 1-103 所 示 。 


021 


秒 洒 放 遍 四 避 言 类 上 插 到 JO1eQSnlll 荣 冯 嬉 


人 至 此 本 案例 制作 完成 ， 如 图 1-104 所 示 。 
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图 


1-103 


1-104 


1 .5 优秀 作品 欣赏 ) 


@ 


标志 设计 概述 


标志 (Logo， 
记号 ， 就 像 人 的 名 字 一 样 ， 说 到 名 字 就 会 想到 对 
标志 通常 会 用 容易 识别 和 记 住 的 一 些 形状 和 


应 的 人 。 
符号 来 进行 


过 程 不 需要 烦琐 ， 只 需 简单 、 容 易 辨 识 即 可 。 
本 章 主 要 讲述 什么 是 标志 、 标 志 的 构成 、 标 志 设计 原则 、 标 志 的 


型 、 表 现形 式 、 形 式 美 法 则 等 内 容 。 


AA 
CITY Pa, 
Ca 


又 称 标识 ) 是 生活 中 人 们 用 来 表明 某 一 事物 特征 的 


设计 ， 设 计 


类 


示 志 (Logo)， 是 表明 事物 特征 的 记号 。 它 以 单 
纯 、 显 著 、 易 识别 的 物象 、 图 形 或 文字 符号 为 直观 
语言 ， 除 表示 什么 、 代 替 什 么 之 外 ， 还 具有 表 ; 
义 、 情 感 和 指令 行动 等 作用 。 
上 以 区 别 于 其 他 对 象 为 前 提 而 突出 事物 
特征 和 属性 的 一 种 标记 与 符号 ， 是 一 种 视觉 语言 符 Wj 旦 村 十 
号 。 它 以 传达 某 种 信息 ， 凸 显 某 种 特定 内 涵 为 目 24A 什 么 是 标志 
的 ， 以 图 形 或 文字 等 方式 呈现 。 既 是 人 与 人 之 间 沟 始 社会 中 就 已 体现 出 来 了 。 标 志 的 使 
通 的 桥梁 ， 也 是 人 与 企业 之 间 形 成 的 对 话 。 在 当今 用 可 以 追溯 到 上 古 时 代 的 “图 腾 ”， 如 图 2-2 所 示 。 
社会 ， 标 志 成 为 “种 “身份 象征 ”， 穿越 大 街 小 | 那 时 每 个 氏族 和 部 落 都 会 选用 一 种 认为 与 自己 有 特 
华 ， 各 种 标志 喘 入 腿 审 ， 即使 是 一 家 小 商铺 也 会 有 别 神秘 关系 的 动物 或 自然 物象 作为 本 氏族 或 部 落 的 
属于 它 自己 的 标志 。 标 志 的 使 用 已 经 成 为 一 种 普遍 。 特殊 标记 ( 即 图 腾 )。 后 来 就 作为 战争 和 祭礼 的 标 
的 行为 ， 如 图 2-1 所 示 。 志 ， 成 为 族 旗 、 族 徽 。 国 家 产生 以 后 ， 又 演变 成 国 
旗 、 国 微 。 无 论 是 国内 还 是 国外 ， 标 志 最 初 都 是 采 
日 生活 中 的 各 种 图 案 的 形式 ， 可 以 说 它 是 商标 标识 
的 萌 杠 。 如 今 标志 的 形式 多 种 多 样 ， 不 再 仅仅 局 限 
于 生活 中 的 图 案 ， 更 多 的 是 以 所 要 传达 的 综合 信息 
为 目的 ， 成 为 企业 的 “代言 人 ”， 如 图 2-3 所 示 。 
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| 2.1.2“ 标 志 的 性 质 


标志 就 是 一 张 融合 了 对 象 所 要 表达 的 所 有 内 容 
的 标签 ， 是 企业 品牌 形象 的 代表 。 其 将 所 要 传达 的 
内 容 以 精练 而 独到 的 形象 呈现 在 大 众 眼 前 ， 成 为 一 
种 记号 而 吸引 观 者 的 眼球 。 标 志 在 现 代 社 会 具有 不 
可 替代 的 地 位 ， 其 功能 主要 体现 为 以 下 几 点 。 

(1) 功用 性 : 标志 的 本 质 在 于 它 的 功用 性 。 
经 过 艺术 设计 的 标志 虽然 具有 观赏 价值 ， 但 主要 不 
是 为 了 供 人 观赏 ， 而 是 为 了 实用 。 标 志 是 人 们 进行 
生产 活动 、 社 会 活动 必 不 可 少 的 直观 工具 。 

(2) 识别 性 : 除 隐 性 标志 外 ， 绝 大 多 数 标志 
的 设计 就 是 要 引起 人 们 注意 。 因 此 色彩 强烈 醒目 、 
图 形 简练 清晰 ， 是 标志 通常 具有 的 特征 。 

(3) 保护 性 : 为 消费 者 提供 了 质量 保证 ， 为 
企业 提供 了 品牌 保护 的 功能 。 

(4) 多 样 性 : 标志 种 类 繁多 、 用 途 广泛 ， 无 
论 从 其 应 用 形式 、 构 成 形式 、 表 现 手段 来 看 ， 都 有 
着 极其 丰富 的 多 样 性 。 

(5) 艺术 性 : 标志 的 设计 既 要 符合 实用 要 
求 ， 又 要 符合 美学 原则 ， 给 人 以 美感 ， 是 对 其 艺术 
性 的 基本 要 求 。 


| 2.1.3“ 标 志 的 构成 元 素 


标志 主要 由 文字 、 图 形 及 色彩 三 个 部 分 组 合 而 
成 。 三 者 既 可 以 单独 进行 设计 ， 也 可 以 相互 组 合 ， 


如 图 2-4 所 示 。 
clwanxiang 
© 


图 2-4 
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图 2-4 ( 续 ) 
标志 中 文字 是 传达 其 含义 的 直观 方法 ， 文 字 
包含 字母 、 汉 字 、 数 字 等 形式 。 使 用 不 同 的 文字 会 
给 人 带 来 不 一 样 的 视觉 感受 。 如 传统 的 汉字 表达 的 
含义 是 具有 古朴 的、 有 文化 底蕴 的 文化 属性 ， 不 同 
种 类 的 文字 具有 不 同 的 特性 ， 所 以 在 进行 标志 设计 
时 ， 要 深入 了 解 其 特性 ， 从 而 设计 出 符合 主题 的 作 


品 ， 如 图 2-5 所 示 。 
标志 中 图 形 所 包含 的 范围 更 加 广泛 ， 如 几何 图 


图 2-5 
形 、 人 物 造型 、 动 植物 造型 等 。 一 个 经 过 艺术 加 工 
和 美化 的 图 形 能 够 起 到 很 好 的 装饰 作用 ， 不 仅 能 突 
出 设计 立意 ， 更 能 使 整个 画面 看 起 来 巧妙 生动 ， 如 
图 2-6 所 示 。 


Green Leaf 


artfm 


| | Creative dog 


图 2-6 
颜色 在 标志 设计 中 是 不 可 缺少 的 部 分 。 无 论 是 


光鲜 亮丽 的 多 彩 颜色 组 合 还 是 统一 和 谐 的 单 色 ， 
要 运用 得 当 都 能 使 人 眼前 一 亮 并 记忆 深刻 ， 如 图 2- 
所 示 。 


> 
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| 2.1.4 标志 的 设计 原则 
在 现代 设 i 


当代 的 社会 生活 有 着 紧密 联系 。 在 追求 标志 设计 带 
来 的 社会 效益 的 同时 ， 我 们 还 要 遵循 一 些 基本 的 设 
计 原则 ， 从 而 创造 出 独一无二 、 具 有 高 价值 的 标志 
设计 。 


(1) 识别 性 : 
设计 ， 其 最 基本 

(2) 原创 
有 坚持 独创 性 ， 
品牌 的 代表 。 

(3) 独特 性 : 每 个 品牌 都 有 其 各 自 的 特色 ， 
其 标志 也 必须 彰显 其 独一无二 的 文化 特色 。 

(4) 简洁 性 : 过 于 复杂 的 标志 设计 不 易 识 别 
和 记忆 ， 简 约 大 方 更 易 理 解 记忆 和 传播 。 


的 目的 就 是 让 大 众 识 别 。 


| 2.1.5 “标志 的 类 型 


根据 基本 组 成 因素 ， 标 志 可 分 为 以 下 几 种 。 
(1) 文字 标志 : 文字 标志 有 直接 用 中 文 、 外 


文 或 汉语 拼音 构成 的 ， 也 有 用 汉语 拼音 或 外 文 单词 


的 字 首 进行 组 合 的 ， 如 


妈 2-8 所 示 。 


-中 ， 标 志 设 计 作 为 最 普遍 的 艺术 设 | 
计 形 式 之 一 ， 不 仅 与 传统 的 图 形 设计 相关 ， 更 是 与 | 


无 论 是 简单 的 还 是 复杂 的 标志 ， 


:: 在 纷 杂 的 各 式 标 志 设计 中 , 只 | 
避免 与 其 他 商标 雷同 ， 才 可 以 成 为 | 


UAGIHAN 


图 2-8 
(2) 图 形 标志 : 图 形 标志 是 一 种 通过 几何 图 
| 案 或 象形 图 案 来 表示 的 标志 lj 志 又 可 分 为 三 
种 ， 即 具象 图 形 标志 、 抽 象 图 形 标 志 与 具象 抽象 相 


| 结合 的 标志 ， 如 图 2-9 所 示 。 
必 SA > < 


图 2-9 
(3) 图 文 组 合 标志 : 图 文 组 合 标志 集中 了 文 
字 标 志和 图 形 标志 的 长 处 ， 弥 补 了 两 者 的 不 足 ， 如 
图 2-10 所 示 。 


BLACKBEAR 
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图 2-10 


上 2.1.6 “标志 设计 的 表现 形式 
(1) 具象 表现 形式 : 具象 表现 是 指 用 具体 的 
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ON 


形象 表现 出 标志 的 形态 ， 对 需要 表现 的 对 象 稍 加 处 
理 ， 不 失 其 貌 地 表现 出 其 象征 的 意义 即 可 。 例 如 
要 制作 一 个 扒 鸡 美食 店 标志 ， 我 们 只 需 表 现 出 扒 鸡 
的 效果 即 是 具象 表现 设计 。 

(2) 抽象 表现 形式 : 抽象 的 表现 形式 是 对 具 
象 的 对 象 进行 极 简 处 理 ， 用 符号 或 几何 图 形 表现 其 
寓意 ， 利 用 简单 的 图 形 符号 表现 其 属性 所 带 来 的 感 
觉 是 容易 识别 和 记忆 的 ， 如 图 2-11 所 示 。 


| 2.1.7 “标志 的 形式 美 法 则 


标志 是 一 种 视觉 表现 的 艺术 形式 ， 人 们 在 观看 

个 标志 图 形 的 同时 ， 也 是 一 种 审美 的 过 程 。 标 志 
or 

(1) 反复 : 反复 造型 是 指 简单 的 图 像 反 复 且 
有 规律 地 使 用 ， 从 而 产生 整齐 和 强烈 的 视觉 冲击 
如 图 2-13 所 示 。 
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| 图 2-13 


(2) 对 比 : 对 比 是 指 通 过 形 与 形 之 间 的 对 照 
比较 ， 突 出 局 部 的 差异 性 。 可 通过 大 小 、 颜 色 、 形 
状 、 虚 实 等 产生 对 比 ， 如 图 2-14 所 示 。 
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图 2-11 
(3) 文字 表现 形式 : 文字 也 属于 具象 表现 ， 
非常 简单 明了 地 展现 给 大 家 ， 不 用 刻意 修饰 其 寅 
意 。 不 同 的 汉字 给 人 的 视觉 冲击 不 同 ， 其 意义 也 不 
同 。 楷 书 给 人 以 稳重 端庄 的 视觉 效果 ， 而 隶书 具有 
精致 古典 之 感 。 文 字 表现 形式 的 素材 有 汉字 、 拉 丁 
字母 、 数 字 标志 等 ， 如 图 2-12 所 示 。 
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图 2-12 
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图 2-14 
(3) 统一 : 统一 是 标志 完整 的 保证 ， 是 通过 
形 与 形 之 间 的 相互 协调 、 各 要 素 的 有 机 结合 而 形成 
一 种 稳定 、 顺 畅 的 视觉 效果 ， 如 图 2-15 所 示 。 


(4) 渐变 : 渐变 标志 指 图 像 大 小 的 递增 递减 、 
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颜色 的 渐变 效果 等 ， 通 过 调整 标志 的 渐变 类 型 可 以 | 
给 人 整体 的 层次 感 和 空间 的 立体 感 ， 如 图 2-16 所 示 。 


NM。 4 


Ceaiine Teliee 


图 2-16 
(5) 突破 : 突破 是 要 根据 客户 需要 进行 创新 
设计 ， 并 在 造型 上 制作 恰到好处 的 夸张 和 变化 。 这 
种 标志 一 般 比 较 个 性 ， 使 得 制作 的 标志 更 加 引 人 注 
目 ， 如 图 2-17 所 示 。 


NN 和 


图 2-17 
(6) 对 称 : 对 称 是 指 依据 图 形 的 自身 形状 形 
成 完全 对 称 或 不 完全 对 称 形 式 ， 从 而 给 人 一 种 较为 
均衡 、 秩 序 井 然 的 视觉 感受 ， 如 图 2-18 所 示 。 
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图 2-18 

(7) 均衡 : 均衡 标志 是 指 通过 一 个 支点 的 支 
撑 对 造型 要 素 进行 对 称 和 不 对 称 排列 ， 从 而 获得 一 
种 稳定 的 视觉 感受 ， 如 图 2-19 所 示 。 
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图 2-19 


图 2-19 ( 续 ) 
(8) 反衬 : 反衬 是 指 通过 与 主体 形象 相反 的 
| 次 要 形象 来 突出 设计 主题 ， 使 造型 要 素 之 间 形 成 一 
种 强烈 的 对 比 ， 突 出 重点 ， 对 观 者 形成 强 有 力 的 视 
觉 冲 击 ， 如 图 2-20 所 示 。 


MV 


图 2-20 
(9) 重 受 : 重合 是 指 将 一 个 或 多 个 造型 要 素 


恰如其分 地 进行 重复 或 堆 营 ， 而 形成 一 种 层次 化 、 
立体 化 、 空 间 化 较 强 的 平面 构图 ， 如 图 2-21 所 示 。 


2 网 


图 2-21 
(10) 幻 视 : 幻 视 是 指 通 过 一 定 的 幻 视 技巧 


〈 如 波纹 、 点 群 和 各 种 平面 、 立 体 等 构成 方式 ) 而 
形成 一 种 可 视 幻 觉 ， 使 得 画面 产生 一 定 的 律动 感 ， 


| 如 图 


2-22 所 示 。 


图 2-22 
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续 ) 
装饰 是 在 标志 设计 表现 技法 的 基 
4 加 工 修饰 ， 使 得 标志 的 整体 效 
如 图 2-23 所 示 。 


(11) 装饰 
础 上 ， 进 行进 一 步 和 


果 更 加 生动 完美 ， 
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锦 纺 河山 


| 2.2.1 一 设计 思路 


图。 案例 类 型 扫 码 看 视频 
本 案例 是 一 款 有 关 旅 游 的 卡通 标志 设计 项 目 。 


图 ”设计 背景 

随 着 生活 水 平 的 提高 ， 旅 游 成 为 人 们 假期 的 标 
配 ， 通 过 旅游 可 以 拉动 当地 的 经 济 发 展 ， 同 时 ， 旅 
游 也 是 放松 身心 的 一 种 室外 多 人 活动 。 自 古 有 云 
“ 读 万 卷 书 ， 行 万 里 路 ”， 随 着 交通 和 通信 的 便 
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利 ， 旅 游 成 了 人 们 的 一 种 生活 方式 ， 可 以 通过 旅游 
释放 压力 、 开 阔 眼 界 、 认 识 世界 
图 ”设计 定位 

本 例 将 旅游 初步 定义 为 阳光 和 网、 树木 林立 
闻 受 阳光 与 户外 的 风格 ， 阳 光 是 扫 走 阴 才 的 方 
式 ， 所 以 在 这 里 我 们 将 以 扫 走 阴 考 、 赶 走 压力 、 释 
放 自 我 、 回 归 自 然 的 主题 方式 来 设计 旅游 标志 


| 2.2.2” 配色 方案 


配色 上 将 采用 阳光 和 自然 的 颜色 ， 体 现 户 外 的 
感觉 。 
力主 色 

主 色 为 橙黄 色 ， 橙 黄色 是 像 橙子 一 样 黄 里 带 


红 的 颜色 ， 是 太阳 的 颜色 ， 该 颜色 代表 华丽 、 健 
康 、 积 极 、 乐 观 ， 属 于 暖色 系 。 暖 色 系 的 好 处 是 可 
以 给 人 温暖 、 平 易 近 人 的 感觉 ， 是 极 容易 打动 人 的 
色 感 。 
国 ”辅助 色 

辅助 色 我 们 就 采用 绿色 ， 绿 色 是 让 
常见 的 颜色 ， 是 一 种 大 自然 和 名 
人 全、 平静、 舒适、 和平、 宁静 、 自 然 、 
-种 代表 青春 和 生机 的 颜色 。 
图 ”其 他 配色 方案 

其 他 辅助 色 采 用 嫩绿 色 ， 不 过 嫩绿 色 、 与 黄 
色 和 橙色 颜色 相近 ， 太 过 平淡 ， 没 有 对 比 的 强烈 
视觉 效果 ， 如 图 2-24 所 示 ; 另外 将 橙色 改 为 红色 和 
偏离 阳光 的 主题 ， 


环 保 竺 ， 是 


粉 紫色 后 整体 色调 又 会 偏 冷 
如 图 2-24( 续 ) 所 示 。 


2.2.6 “项 目 实战 


| 
本 案例 首先 描绘 区 藻 叶 形状 ， 然 后 创建 文本 | 
2.2.3” 形状 设计 并 绘制 文本 底部 的 底 纹 ， 最 后 绘制 太阳 效果 ， 如 | 
图 2-26 所 示 。 | 
我 们 使 用 区 落叶 作为 饰 图 案 ， 主 图 案 
为 戴 黑 镜 的 太阳 ， 表 达 户外 自然 和 阳光 的 效果 ， 
如 图 2-25 所 示 。 | 


2.2.4 “表现 形式 


本 案例 采用 装饰 构图 形式 和 对 比 表 现形 式 。 通 
过 叶子 和 太阳 之 间 的 颜色 对 照 比较 ， 突 出 文字 的 差 
异性 ， 突 出 文字 标题 。 


2.2.5 “同类 作品 欣赏 


国 。 技术 要 点 | 点 时 按 住 鼠 标 右键 可 以 拖 提 出 控制 点 ， 绘 制 缴 线 ， 
使 用 “钢笔 工具 ”绘制 图 案 ; 如 图 2-30 所 示 。 最 后 在 起 点 的 位 置 可 以 看 到 一 个 带 
使 用 “椭圆 工具 ”绘制 太阳 和 了 眼镜 ; 句号 的 钢笔 工具 ， 单 击 起 点 ， 即 可 创建 闭合 的 图 
使 用 “ 星 形 工具 ”绘制 太阳 光 ; 形 ， 如 图 2-31 所 示 。 
使 用 “文字 工具 ”创建 文字 ; 
使 用 “矩形 工具 ”创建 矩形 。 
国 。 操作 步 又 
人 运行 Mustrator 软 件 ， 创 建 一 个 新 文档 。 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 


中 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 芭 
版 燕 时 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 2-27 
5 所 示 。 
I rm 村 有 二 
四 人 加 < et ， | 4 se 万 
国 业 各 ” 。 新 于 件 帮 Pr | 
_ 手 360Downlo: ~ | 
者 例 WB 2018119-iot | ) 
四 项 W adobe cc2 | 
I 目 acm | | 
财 Wd xm | \ 
多 | 
胃 焊 | 
出 padonadi eg | 
| 图 2-30 
口 呈 示 有 和 JR) | 
ee (绘制 图 形 后 ， 使 用 “直接 选择 工具 ”上 ,可 以 选 
择 并 移动 点 ， 使 用 “ 锚 点 工具 ”人 必 可 以 在 点 上 


图 2-27 


拖 电 控 制 手柄 ， 调 整 出 叶子 的 形状 ， 选 择 置 入 
的 素材 ， 按 Delete 键 ， 将 置 入 的 芭 共 叶 素材 图 
像 删 除 ， 如 图 2-32 所 示 。 


©@3 人 “ 芭 葵 叶 ” 图 像 后 ， 在 工具 箱 中 选择 “ 钢 
笔 工具 ”分 ,， 在 导入 的 芭 苏 叶 素 材 上 描绘 ， 妇 
图 2-28 所 示 。 


图 2-32 


选择 描绘 的 芭 茵 叶 图 像 ， 在 “渐变 ” 中 选 


图 2-28 
择 “ 类 型 ”为 “线性 ”， 并 设置 角度 为 90° ， 
贺 钢笔 工具 的 使 用 技巧 设置 渐变 的 颜色 为 从 #39b54a 到 #005000 的 渐 


变 ， 如 图 2-33 所 示 。 


在 工具 箱 中 选择 “钢笔 工具 ”万 ,后 ， 单 击 移动 
并 再 次 单 击 ， 可 以 创建 直线 ， 如 图 2-29 所 示 。 创 建 


030 


3 


| ES | 
电 E 


不 通明 度 - 100k 。 ~ 
位 置 :0% ~ 


图 2-33 
(在 工具 箱 中 选择 “画笔 工具 ”A.,， 设 置 轮廓 的 
颜色 为 #52be61， 在 “画笔 ”面板 中 选择 画笔 笔 
触 ， 如 图 2-34 所 示 。 


El as[me] Ga 


图 2-34 
在 工具 箱 中 选择 “文字 工具 ”T.,， 在 舞台 中 
创建 文字 ， 在 “属性 ”面板 中 设置 文字 的 属 | 
性 ， 如 图 2-35 所 示 。 


加 teagtls 


图 2-35 


人 0 文字 不 能 直接 寺 充 浙 妆 ， 需 转 换 为 图 像 才能 对 


其 进行 填充 。 


日 鼠标 右 击 文 


字 ， 在 弹出 的 快捷 


创建 轮廓 ”命令 ， 如 图 2-36 所 示 。 
板 中 设置 文字 的 渐变 填充 ， 选 


单 中 选择 “ 
tf “渐变 ” 面 
#fbb03b 到 帮 15a24， 如 图 2-37 所 示 。 


入 


， 设 置 渐变 的 颜色 由 | 


MR) 


让 
是 近 使 用 的 字体 (R) 
大 小 四 » 


EE 
ER 
拓 入 人 白字 符 W) 
插入 分 卫生 [8) 
用 点 位 符 文 本 坊 充 

Sm » 
WA) » 
3 6 
E23 


Shik+Ctl+O 


芭 委 以 Sd » 
导出 所 壬 项 目 .- 


图 2-36 


是 性 。 渐变 BR 


国 到 一 - 


A0 ~ 


不 透明 度 ; 100% ~ 
位 置 : 100% ~ 
图 2-37 
| OETA “渐变 工具 ” 国 ， 在 舞台 中 
上 向 下 创建 渐变 填充 ， 如 图 2-38 所 示 。 


the beadfiful 
[and 


图 2-38 
使 用 “钢笔 工具 ” 作 ,， 创 建文 字 底部 的 形状 ， 
设置 填充 为 黑色 ， 并 按 Ctrl+[ 组 合 键 ， 将 其 放置 
到 文字 的 下 方 ， 如 图 2-39 所 示 。 


图 2-39 


颜色 为 


| 人 全 再 次 设置 文字 底部 的 形状 的 “ 描 边 ” 
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平 现 证 苛 ” 山 Z 浊 


色 ， 设 置 一 个 合适 的 描 边 粗细 ， 使 用 “和 珑 形 工 单 击 ， 弹 出 “ 星 形 ” 对 话 框 ， 从 中 设置 创建 
2: 


具 ” 罩 ,在 舞台 中 创建 矩 形 ， 设 置 和 矩形 的 “ 填 星 形 的 参数 ， 如 图 2-43 所 示 ， 单 击 “ 确 定 ” 按 
色 ” 为 暗 红色 和 黑色 ， 如 图 2-40 所 示 。 钮 ， 即 可 创建 星 形 。 


将 芭 燕 叶 放 置 到 文字 形状 的 底部 ， 并 对 芭 苏 叶 
进行 复制 ， 如 图 2-41 所 示 ， 调 整 芭蕉 叶 的 大 小 
和 角度 ， 完 成 底部 装饰 。 


兰 尾 届 J01e4Snlll 芝 汉 丑 


侦 
项 
目 


创建 星 形 后 ， 设 置 “ 描 边 ” 为 白色 ， 设 置 合适 
的 描 边 粗细 ， 为 星 形 填充 渐变 ， 在 “渐变 ” 面 
屋 中 选择 “类 型 ”为 “ 径 向 ”， 设 置 渐变 的 颜 
色 从 白色 到 黄色 ， 如 图 2-44 所 示 。 


革 用 “椭圆 工具 ”全 .在 舞台 中 创建 椭圆 ， 将 椭 


殉 作 为 太阳 ， 设 置 填充 颜色 为 橘 色 ， 设 置 “ 描 ee 
边 ”颜色 为 白色， 设置 合适 的 描 边 粗细 ， 如 | En 
2-42 所 示 。 】 


在 舞台 中 选择 圆 形 和 星 形 ， 对 两 个 图 像 进行 组 
合 ， 选 择 星 形 ， 按 Ctrl+[ 组 合 键 ， 将 星 形 放 置 到 
同形 的 后 面 ， 如 图 2-45 所 示 。 


在 工具 箱 中 单 击 并 按 住 “矩形 工具 ” 园 ， 弹 出 
隐藏 工具 ， 从 中 选择 “ 星 形 工具 ”， 在 舞台 中 


将 太阳 放置 到 如 图 2-46 所 示 的 位 置 ， 按 Ctrl+] 商业 案例 一 一 古典 水 墨 标志 
组 合 键 移 到 前 一 层 ， 并 将 文字 放置 到 太阳 的 设计 


£ 
; 
| 粒 


使 用 “椭圆 工具 ”和 “直线 工具 "绘制 眼 “外 2.3.1… 设 计 思 路 
清 ， 使 用 “画笔 工具 ”绘制 眼镜 的 高 光 ， 如 


桶 | 过 
农产品 


ne 


2-47 所 示 。 | 扫 码 看 视 频 
本 案例 是 一 款 以 农产品 为 主题 的 标志 设计 项 目 。 


农产品 是 农业 中 生产 的 作物 ， 如 高 
和子、 花生、 玉米 、 小 麦 以 及 各 个 地 区 土 特 产 等 ， 
如 图 2-49 所 示 。 本 例 农 产品 的 产地 位 于 山水 之 间 的 
自然 好 风光 之 中 ， 所 以 客户 要 求 制 作 一 款 具 有 古 
朴 气质 的 农产品 标志 。 


、 稻 


使 用 “和 矩 形 工具 ” 国 ,在 标志 下 方 创建 和 矩 形 ， 并 
设置 矩形 的 圆 角 ， 设 置 填充 为 白色 ， 描 边 为 
无 ， 在 圆 角 矩形 的 上 方 ， 使 用 “文字 工具 ”T， 
创建 文字 ， 如 图 2-48 所 示 。 


至 此 本 案例 制作 完成 。 根据 场地 环境 的 特点 和 客户 的 要 求 ， 我 们 初步 


四 时 齐 兰 后台 JOjeJSnlll 于 着 壬 


决定 设计 古典 风格 的 标志 
产品 产地 环境 的 自然 和 济 相 。 


水 墨 画 的 方式 进行 表现 ， 如 图 


在 设计 中 将 主要 突出 农 


综合 上 述 特点 ， 将 以 


有 古典 风格 又 有 朴实 简约 效果 。 


| 2.3.2 ”配色 方案 


对 消费 者 而 言 ， 
的 产品 ， 是 放心 食用 的 产品 ， 
地 的 环境 作为 主题 标志 ， 


古典 的 韵味 。 
图 主 色 
山水 中 的 “ 山 


”主要 是 青 


农产品 应 该 


2-50 所 示 ， 水 墨 画 既 


是 回归 自然 无 公 
所 以 本 案例 采用 了 产 
既 有 大 自然 的 效果 ， 又 有 


色 和 黑色 ， 所 以 本 案 


例 也 将 采用 黑色 作为 主 色 调 


颜色 ， 黑 色 会 让 人 联想 到 宁静 


山水 。 
国 ”辅助 色 


， 黑 色 


是 水 墨 画 的 原始 


的 山村 ， 淡 雅 脱俗 的 


在 标志 中 ， 除 了 要 表现 山 的 效果 外 ， 还 要 表现 


农 副 产品 的 效果 ， 但 是 农 副产品 的 种 类 实在 是 太 多 


了 ， 所 以 以 绿色 和 稻谷 的 黄 绿 


示 清 澈 的 湖泊 和 农产品 植物 ， 黄 绿 


米 等 的 颜色 ， 且 黑 


色 和 黄 绿 


层次 和 变化 。 
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色 搭配 


色 进 行 表现 ， 绿 色 表 


色 表示 稻谷 、 玉 


回 ”其 他 配色 方案 

在 设计 中 ， 颜 色 是 最 能 起 到 表达 作用 的 一 种 形 
式 。 所 以 ,一般 在 设计 方案 的 过 程 中 也 会 给 出 一 些 
其 他 色调 的 方案 效果 。 针 对 本 例 而 言 ， 古 典 水 墨 的 


效果 一 般 用 青 黑 
到 青 黑色 的 水 墨 


色 来 表现 ， 如 图 2-51 所 示 ， 可 以 看 


效果 有 回归 古朴 的 感觉 ， 但 是 过 于 


沉 问 。 而 采用 纯 绿 色 也 没有 穿插 他 色 形 的 效果 那 
么 富有 层次 感 ， 如 图 2-52 所 示 。 


-A “ mlet 


票 |# 


代 侣 
图 2-51 


票 | 未 
家 


图 2-52 


| 2.3.3 “形状 设计 


标志 的 设计 采用 非常 有 特色 的 水 墨 画笔 构图 
水 墨 画 中 以 “ 山 ” 


为 主体 ， 河 流 、 麦 田 、 植 物 都 在 


山下 以 辅助 色 的 延伸 线 表示 ; 构图 上 采用 上 下 结构 


的 方式 ， 上 面 是 


图 像 、 下 面 是 文字 ， 文 字 中 间 以 直 


线 进行 分 割 ， 主 要 起 到 装饰 的 效果 。 


| 2.3.4 ”项 目 实战 


加 ”制作 流程 


忆 来 协调 且 富有 


本 案例 首先 绘制 水 墨 画 主体 形状 ; 然后 创 
建 标题 名 称 和 注释 ;最 后 创建 分 割 线 ， 如 图 2-53 


所 示 。 


(03 “画笔 ”面板 中 单 击 “ 画 笔 库 菜单 ”按钮 必 . ， 
在 弹出 的 菜单 中 选择 “艺术 效果 > 艺术 效果 油 
墨 ”命令 ， 如 图 2-55 所 示 。 


信人 “窗口 > 画笔 ”命令 ,打开 “ 画 


面板 ， 如 图 2-54 所 示 。 = 5 二 ss 
二 人 4 x E 
i 图 2-56 
在 “艺术 效果 油墨， 面板 中 选择 一 个 画笔 笔 


触 ， 在 工具 箱 中 选择 “画笔 工具 ” 必 ， 在 舞台 
中 创建 山体 形状 ， 如 图 2-57 所 示 。 


| 
| 
| 全 E| 本 | 和 = 
.le 
| 基本 
DI 
第 
| D 
| [CE > 可 站 
| | 和 标 
| 志 
| Wacom 6D 画笔 ， 设 
| 图 像 画笔 1 
| 毛 呈 画笔 ， 
| 矢量 包 » 
| ， 
| 艺术 效果 书法 
| EE ， | 去 术 效 果 卷轴 笔 
| 边框 » 艺林 效果 水 彩 
Rr ， 本 
| 二 去 相 效果 画笔 
| 亏 术 效果 扮 笔尖 笔 浊 笔 
| 图 2-55 
| 1 艺术 效果 油墨 ”面板 ， 如 图 2-56 所 示 。 
| 4 
Sra es = 
| ， # en “* 
加 ”技术 要 点 I 
使 用 “画笔 工具 ”绘制 形状 ; | “ee 
使 用 “画笔 ”面板 设置 画笔 的 笔触 ; | so 
使 用 “文本 工具 ”添加 文字 标题 ; | i 
使 用 “直线 工具 ”创建 分 割 线 。 | pe 上 
国 ”操作 步 又 | ee 
(运行 lustrator 软 件 ， 创 建 一 个 新 文档 。 | i 
| 2 -= 
| 
| 
| 
| 
| 


图 2-54 
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在 “画笔 ”面板 中 单 击 “画笔 库 菜单 ”按钮 


yp Ss ”Ih.， 在 弹出 的 菜单 中 选择 “艺术 效果 > 艺术 效 
a ”有 果 水 彩 ” 命令 ， 如 图 2-60 所 示 。 
FE 和 | = 
i po | 傣 
yg | 一 mr 
-一 一 | 和 
二 = 二 ---- 一 - 5 | Ne eT 
-oo | 二 二 
2 二 x | ee ee 
图 2-57 | [oa 去 
路 | CE 
加 贺 艺 术 效果 画笔 的 使 用 技巧 和 提示 | am 
选择 笔 能 绘制 形 状 后 ， 会 发 现 边 缘 不 能 进行 编 | 
匡 。 辑 ， 因 为 这 里 使 用 “画笔 工具 ”绘制 的 是 描 边 ， | Nt 
本 而 不 是 田 形 ， 并 不 能 够 对 描 边 进行 调整 。 如 果 想 对 ny 
加 。 画笔 的 描 边 进行 调整 ， 需 要 将 其 转换 为 图 形 ， 在 图 2-60 
圈 。 菜单 栏 申 达 择 “对 象 > 扩展 外 观 ” 命 令 ， 执 行 命 。 人 @) 在 打开 的 “艺术 效果 水 彩 ”面板 中 选择 一 种 画 
网 。 令 后 ， 可 以 发 现 描 边 变 为 实体 的 图 形 ， 如 图 2-58 ， 笔 笔触 ， 在 如 图 2-61 所 示 的 位 置 绘制 形状 。 
所 示 。 | 是 
析 | Er Pe 
| AN 
| ee 2 
| 一 
一 
| 图 2-61 


使 用 画笔 绘制 形状 后 ， 在 “属性 ”面板 中 设置 
“ 描 边 ”的 颜色 为 接近 黑色 的 青色 ， 设 置 粗细 
为 3pt， 如 图 2-59 所 示 。 


选择 绘制 的 形状 ， 在 “属性 ”面板 中 设置 “ 描 
边 ”颜色 为 黑色 ， 粗 细 为 3pt， 如 图 2-62 所 示 。 


65.204 0 


sp 


本 ed Bn 
> mn east 
ee E23 EE 
A E73 a 
图 2-62 


人 @ 合 油墨 画笔 继续 绘制 形状 ， 如 图 2-63 所 示 。 
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图 2-67 
绘制 图 案 后 ， 使 用 “文字 工具 ”T. 在 舞台 中 创 


图 2-63 
个 人 水 彩 画 笔 绘制 如 图 2-64 所 示 的 形状 。 


建文 字 ， 在 “属性 ”面板 中 设置 合适 的 字体 、” 国 
B29 = 大 小 以 及 间距 ， 如 图 2-68 所 示 。 四 
[2s I 3 Ea 要 
[一 一 < 坛 
= 
[一 A | 
-| hm ww 导 合 
图 2-64 | 
继续 绘制 ， 完 成 山体 水 墨 效果 的 绘制 ， 如 图 2-65 | 图 2-68 
所 示 。 | (在 工具 箱 中 选择 “直线 工具 ”/.， 在 舞台 中 单 
置 合适 的 参数 ， 单 击 “ 确 定 ”按钮 ， 即 可 在 单 
\ 击 的 位 置 创建 直线 ， 如 图 2-69 所 示 。 
[a 
f tk 座 w:[ | 
图 2-65 Eg 


口 线段 坟 色 (F) 


使 用 画笔 工具 ， 在 舞台 中 绘制 延长 线 ， 作 为 | 
辅助 素材 ， 设 置 颜色 为 绿色 和 黄色 ， 如 图 2-66 | 
所 示 。 


| 图 2-70 
| 人 迁 择 创 建 的 直线 ， 在 “属性 ”面板 中 设置 “ 描 
| 边 ” 的 颜色 和 粗细 ， 如 图 2-70 所 示 。 


Bt 了 


i 
图 2-66 | 站 
选择 使 用 画笔 绘制 的 线 ， 选 择 合适 的 艺术 效 | 
果 画 笔 ， 如 图 2-67 所 示 ， 然 后 修改 颜色 ,合适 ， 2 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
I 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 号 > . 
| 击 ， 在 弹出 的 “直线 段 工具 选项 ”对 话 框 中 设 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
1 
1 
| 
1 
1 
| 
| 
| 
| 
1 
| 
| 
| 
bE 
| 
| 
| 
| 
| 
即 可 。 | 
| 
| 
| 


图 2-70 
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四 导 京 类 放 到 JO1eQSnlll 荣 汉 千 


©” 线 进行 复制 ， 并 调整 到 合适 的 位 置 ， 继 续 使 


"文字 工具 ”了 T ,创建 注释 ， 


如 图 2-71 所 示 。 


一 优质 
| 粒 | 聚 | 你 


图 2-71 


使 用 “文字 工具 ”T,， 创 建英 文 装饰 ， 可 以 丰 


满 整 个 标志 ， 如 图 2-72 所 示 。 


命 主 此 ， 本 实例 制作 完成 。 


2 .4 商业 案例 一 一 特效 立体 标志 


| 2.4:1 设计 思路 


国 。 案例 类 型 
本 案例 是 一 款 有 关 宠 物 商店 
国 。 项目 诉 求 


宠物 商店 是 专门 为 宠物 提供 服务 的 地 方 ， 包 括 


扫 码 看 视频 
的 标志 设计 项 目 。 


宠物 的 美容 、 宠 物 寄养 、 宠 物 
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品 的 零售 等 场所 。 


经 营 模式 如 一 般 的 商店 、 超 市 无 异 ， 根 据 与 客户 
商谈 知道 ， 客 户 需要 一 个 暖色 的 、 平 易 近 人 的 商 
标 ， 商 标 上 可 以 放置 动物 ， 但 不 能 影响 店铺 名 称 。 
图 ”设计 定位 

根据 客户 需求 ， 我 们 初步 将 宠物 商店 名 称 凸 出 
显示 ， 并 配合 狗 狗 头像 的 剪影 作为 装饰 ， 且 用 弧 形 
作为 背景 图 形 ， 整 体 给 人 流畅 舒适 的 感觉 。 


| 2.4.2 ”配色 方案 


配色 主要 使 用 暖色 调 ， 并 使 用 同样 色彩 的 深 
和 浅 色 辅助 完成 整体 色调 的 搭配 。 
加 ” 主 色 

主 色 使 用 黄色 和 橘 黄色， 这 种 色调 我 们 在 前 面 
也 讲 过 ， 是 太阳 的 颜色 ， 在 本 案例 中 象征 亲 和 、 友 
善 和 舒适 等 ， 给 人 以 放心 的 心理 状态 。 
国 ”辅助 色 

辅助 色 使 用 暖 咖 色 ， 咖 啡 色 给 人 以 优雅 、 朴 
素 、 庄 重 的 感觉 ， 是 一 种 比较 含蓄 的 颜色 ， 不 张 
扬 ， 不 喧 宾 夺 主 ， 是 辅助 色 中 除了 黑色 最 好 的 一 种 
颜色 。 


[ES 


| 2.4.3 “版面 构图 


版 面 为 半圆 构图 ， 主 要 是 以 标题 为 中 心 ， 向 上 
进行 分 散 排 列 。 本 案例 属于 图 文 类 型 ， 图 是 指 狗 狗 
剪影 和 文字 背景 ， 文 是 指 主 标题 和 副标题 。 


| 2.4.4 ”同类 作品 欣赏 


Pet Store Pet Care 


| 2.4.5 “项 目 实战 


国 。 制作 流程 
本 案例 首先 创建 标题 ， 创 建 弧 形 上 的 文字 ， 


和 


并 将 文字 转换 为 形 
置 文字 标题 的 3D 效 果 ， 并 将 3D 效 果 转 换 为 可 编辑 


的 形状 ; 最 后 设置 


图 2-73 所 示 。 


状 ; 然后 调整 填充 的 渐变 , 设 | 


图 像 的 模糊 ， 描 绘 狗 狗 头像 ， 


完 物 商店 


图 2-73 


图 2-73 ( 续 ) 


| 

| 

| 

| 

| 加 ”技术 要 点 
| 使 用 “文本 工具 ”创建 标题 ; 

| 使 用 “路 径 文字 工具 ”创建 弧 形 上 的 文字 
| 使 用 “创建 轮廓 ”工具 将 文字 转换 为 形状 ; 
| 使 用 “渐变 工具 ”调整 填充 的 渐变 ; 

| 使 用 “ 凸 出 和 斜 角 ” 命 令 设置 文字 标题 的 3D 
| 

| 

| 

| 

| 

| 


效果 
使 用 “扩展 外 观 ”命令 ， 将 3D 效 果 转换 为 可 编 
辑 的 形状 ; 


使 用 “高 斯 模糊 ”命令 设置 图 像 的 模糊 ; 
使 用 “椭圆 工具 ”创建 椭圆 ， 并 修剪 椭圆 ; 
使 用 “钢笔 工具 ”描绘 狗 狗 头像 。 


加 ”操作 步骤 

运行 Tllustrator 软 件 ， 创 建 一 个 新 文档 。 
Ger pe T,， 在 舞台 中 创建 文字 ， 
”面板 中 设置 文字 的 属性 ， 如 图 2-74 


ee 


尾 性 
盾 色 

四 白 2 ~ 
国 fk im ， 
友 


6 e》 把 
有 并 加 
只 > 的 ~ 国 2o “~ 


图 2-74 


IE 文字 后 ， 用 鼠标 右 击 文字 ， 在 弹出 的 快捷 菜单 中 选择 “创建 轮廓 ”命令 ， 如 图 2-75 所 示 。 
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四 局 计 灶 上 许 吉 JO1eQSnlll 荣 汉 千 


排列 AA) » 
Ea » 
收 案 以 导出 » 
图 2-75 
人 @ 创 建 轮 序 后 ， 为 文字 形状 填充 渐变 ， 在 “ 渐 


变 ” 面板 中 选择 “类 型 ”为 “线性 ”， 设 置 渐 


变 颜 色 由 #fcee21 到 #f15a24， 如 图 2-76 所 示 。 
国 - 区- 四 
完 物 商店 
图 2-76 
在 工具 箱 中 选择 “渐变 工具 ” 国 ， 在 舞台 中 拖 
动 出 渐变 ， 调 整 填充 ， 如 图 2-77 所 示 。 
和 和， 
六 四 
2 
hr 
@./. 
os 
宠物 商 店 
和 办 
EE 
鸣 
上 
y, 


图 2-77 
(在 菜单 栏 中 选择 “效果 >3D> 凸 出 和 斜 角 ” 命 
令 ， 如 图 2-78 所 示 。 


040 


人 i 


图 2-78 
在 弹出 的 “3D 凸 出 和 和 斜 角 选 项 ”对 话 框 中 设置 
合适 的 参数 ， 如 图 2-79 所 示 。 


ER 


袜 里 加; 白 定 放 性 


通 杭 加 = 107” 


站 市 人 


|Lsamsmwr ]， mn: 国 o 


剂 月 : 器 无 = ,| 


雪 (5): 用 做 下 ~ 
和 


Dagw (Ev) (sanag) (Ca DC ) 
图 2-79 
(设置 的 标题 的 3D 效 果 如 图 2-80 所 示 。 


完 物 丙 


图 2-80 
(设置 图 像 的 “ 描 边 ”为 无 的 效果 ， 如 图 2-81 
所 示 。 


沈 物 商丘 


图 2-81 
选择 设置 的 3D 效 果 ， 在 菜单 栏 中 选择 “对 象 > 
扩展 外 观 ” 


全 人 
np 广 o 


贺 扩展 和 扩展 外 观 使 用 提示 


扩展 ， 是 将 单一 对 象 分 割 为 若干 个 对 象 ， 这 些 
对 象 共同 组 成 其 外 观 。 

如 果 扩 展 一 个 简单 对 象 ， 例 如 一 个 具有 实 色 
填 色 和 描 边 的 圆 ， 那 么 ， 填 色 和 描 边 就 会 变 为 离散 
的 对 象 。 如 果 扩 展 更 加 复杂 的 对 象 ， 例 如 具有 图 案 
填充 的 对 象 ， 则 图 案 会 被 分 割 为 各 种 截然 不 同 的 路 
径 ， 而 所 有 这 些 路 径 组 合 在 一 起 ， 就 是 创建 这 一 填 


充 图 案 的 路 径 。 


只 有 做 了 效果 的 对 象 才能 用 扩展 外 观 ， 一 般 对 


人 OO 在 舞台 中 选择 扩 


象 只 用 扩展 ， 比 如 将 线条 扩展 成 填充 。 


展 的 立体 图 像 ， 设 置 其 填充 为 


渐变 ， 在 “渐变 ”面板 中 设置 “类 型 " 为 “ 线 


性 


色 


， 设 置 角度 为 179.9" ， 设 置 渐 变 填 充 的 颜 


#da392d 到 # 941800， 如 图 2-82 所 示 。 


人 公设 置 浙 交 参数 后 ， 在 工具 箱 中 选择 “渐变 工具 ” 国 ， 在 舞台 中 拖 动 出 渐变 ， 调 整 填充 ， 如 图 2-83 


图 2-82 
所 示 。 
和 入， 
艺 从 
pW 
i 
®@./. 
os 
.加 
加 汶 ， 
BE 
省 
,机 
:8 
旧 必 
yo 


WE 


图 2-83 


人 @ 人 全 “椭圆 工具 ”@@.， 在 舞台 中 创建 椭圆 ， 设 置 椭圆 的 “ 填 色 ” 为 #42210b， 如 图 


加 物 商 座 


图 2-84 


人 他 在 舞台 中 复制 、 粘贴 椭圆 ， 调 整 椭圆 的 位 置 ， 如 图 2-85 所 示 。 


2-84 所 示 。 
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季 光 时 妾 ” 需 Z 溃 


FTEETEETEIIERE 


斯 模糊 ”命令 ， 在 弹出 的 “ 


[= 
如 图 2-86 所 示 。 


© 择 所 有 的 椭圆 ， 在 菜单 栏 中 选择 “效果 > 模糊 > 高 
“高 斯 模糊 ”对 话 框 
hi 设置 合适 的 模糊 半径 ， 单 击 “ 确 定 ” 按 钮 ， 


设置 模糊 后 ， 确 定 当 前 选择 为 模糊 后 的 椭圆 ， 
按 Ctrl+[ 组 合 键 ， 将 其 调整 为 标题 的 后 面 ， 如 
图 2-87 所 示 。 


图 2-87 
在 舞台 中 创建 文字 ， 如 图 2-88 所 示 ， 在 “ 属 
性 ”面板 中 设置 合适 的 参数 。 


在 菜单 栏 中 选择 “对 象 > 扩 展 ” 
“确定 ”按钮 。 


命令 ， 在 弹出 的 “扩展 ”对 话 框 中 选择 “填充 ”和 “ 描 边 ”选项 ， 单 击 


图 2-88 


“属性 ”面板 中 设置 “ 描 边 ”的 粗细 为 70pt， 如 图 2-89 所 示 。 


恒 性 新 这 
mn 


二 1018 et 宣 ，769 B48 
05. .18 而 195 399 


&i0 ~ BM 至 


加 Sori 
EE 


四 


图 2-89 


人 @@ 使 用 扩展 命令 后 ， 为 其 设置 填充 为 渐变 ， 在 “渐变 ”面板 中 选择 “类 型 ”为 “线性 ”， 设 置 角度 为 


90° 。 设 置 渐变 填充 为 橘 黄 色 到 


= 


橘 黄色 ， 调 整 其 排列 位 置 ， 如 图 2-90 所 示 。 


不 条 明度 100% ~ 
位 置 - 100% ~ 


使 用 “椭圆 工具 ”9, 在 舞台 中 创建 椭圆 ， 如 


图 2-91 所 示 。 


图 2-91 


按 Ctrl+C 和 Ctrl+B 组 合 键 ， 复 制 并 粘贴 圆 ， 调 整 
粘贴 后 圆 的 大 小 ， 可 以 改变 其 填充 颜 


于 观察 ， 如 图 2-92 所 示 。 


图 2-92 
在 舞台 中 选择 文字 后 的 渐变 背景 ， 按 Ctrl+C 和 


Ctrl+B 组 合 键 ， 选 择 粘 贴 后 的 图 


小 ， 并 填充 为 咖啡 色 ， 如 图 2-93 所 示 。 
使 用 “矩形 工具 ” 国 , 在 如 图 2-94 所 示 的 位 置 创 


建 和 矩 形 ， 按 住 Shift 键 ， 在 舞台 中 选择 两 个 圆 和 
一 个 矩形 ， 在 “路 径 查找 器 ”面板 


割 ”按钮 加 。 


图 2-94 
分 割 形状 后 ， 在 “属性 ”面板 中 单 击 “ 取 消 编 
组 ”按钮 ， 取 消 编组 后 ， 使 用 “选择 工具 ” 选 
择 不 需要 的 形状 ， 按 Delete 键 ， 删 除 不 需要 的 
形状 ， 保 留 如 图 2-95 所 示 的 形状 ， 设 置 填充 为 
咖啡 色 。 
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NEEEEEIE 


TSETTEETIEIEIIETRE 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 

“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 狗 
狗 侧面 图 像 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 
如 图 2-96 所 示 。 


入 WW 
OO" C3 EE 加 
组 只 ” 新 了 文 1 夫 中 ~ BO 
而 apowmioe” [让 一 一 
2018119 ol 
月 adobecc2 
Acme 目 
ei EE 
oz pn 
人 
Ed 
出 和 2? 章 
苦 o 果 
而 pein 
团 色 a 
EE 
OO 
raNEm 
ET -mt 


全 置信 图 像 后 ， 将 其 放置 到 合适 的 位 置 ， 使 
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图 2-96 


“钢笔 工具 ”分 ,， 在 舞台 中 根据 图 像 绘制 狗 狗 
的 轮廓 ， 如 图 2-97 所 示 。 


图 2-97 
设置 一 个 合适 的 渐变 填充 ， 渐 变 填充 颜色 为 橘 
黄色 到 和 白色 的 渐变 ， 使 用 “渐变 工具 ” 国 调 整 
渐变 的 效果 ， 如 图 2-98 所 示 。 


图 2-98 


复制 一 个 狗 狗 剪影 图 像 ， 将 其 放置 到 后 
设置 填充 为 咖啡 色 ， 如 图 2-99 所 示 。 


国友 


时 
xk 
二 


图 2-99 


八 对 如 图 2-100 所 示 的 形状 进行 复制 ， 复制 后 ， 移 


动 图 像 到 舞台 的 一 侧 。 


中 


图 2-100 


人 @@ 使 用 “路 径 文字 工具 ” 圈 ， 在 舞台 中 复制 出 的 


图 形 外 侧 路 径 上 单 击 ， 输 入 文字 ， 创 建 出 路 径 

文字 的 效果 ， 在 “属性 ”窗口 中 调整 文字 的 属 

性 ， 如 图 2-101 所 示 。 

oo So0o 
凤 


Q 


\ 
图 2-101 
移动 路 径 文字 到 如 图 2-102 所 示 的 位 置 ， 调 整 其 
合适 的 效果 。 


图 2-102 
会 到 ， 本 实例 制作 完成 。 


2.5 优秀 作品 欣赏 


从 


DOGHOUSE 


SLOGAN 


友 


Sn" 


PETSHOP 


PREMIUM GOODS 


TT 
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名 片 的 产生 主要 是 为 了 交往 ， 通 过 名 片 可 以 认识 对 方 ， 是 自我 介 
的 最 快 最 有 效 的 方法 。 特 别 是 随 着 经 济 的 发 展 ， ON 
为 市 场 的 主流 。 人 们 的 交往 方式 有 两 种 ， 一 种 是 朋友 间 交 往 、 一 种 是 工 
作 间 交往 ， 工 作 间 交往 一 种 是 商业 性 的 ， 一 种 是 非 商 业 性 的 ， 这 也 成 为 
名 片 分 类 的 依据 。 

本 章 将 主要 从 名 片 的 常见 类 型 、 组 成 部 分 、 常 见 尺寸 、 构 图 方式 以 
及 后 期 特殊 工艺 等 方面 学 习 名 片 的 设计 。 


苦 尾 蛋 JO1e4Snlll 芝 汉 导 


例 

项 Pe 这 

名 片 设计 概述 业 、 工 作 单位 、 联 系 方式 等 ， 这 就 是 名 片 ， 名 片 是 
光 -种 向 外 传播 的 媒体 。 除 了 Me 上 印 有 自己 的 次 
又 料 外 ， 还 可 以 标注 企业 资料 ， 如 企业 Logo、 地 址 以 
如 在 一 张 小 小 的 卡片 上 记录 持 有 者 的 姓名 、 职 及 企业 的 业务 内 容 和 领域。 


3.1.1 ”名片 的 常见 类 型 


根据 名 片 的 作用 可 以 分 为 以 下 几 种 类 型 。 
(1) 个 人 名 片 。 朋 友 间 交流 感情 ， 结 识 新 朋友 所 使 用 的 名 片 。 该 类 名 片上 主要 记载 持 有 者 的 姓名 、 职 
位 、 单 位 名 称 、 联 系 方式 等 信息 ， 以 传递 个 人 信息 为 主要 目的 ， 如 图 3-1 所 示 。 


(2) 公用 名 片 。 政 府 或 社会 团体 在 对 外 交往 中 所 使 用 的 名 片 ， 名 片 的 使 用 不 以 营利 为 目的 。 该 类 名 片 
上 一 般 有 标志 ， 部 分 印 有 对 外 服务 范围 ， 没 有 统一 的 名 片 印 刷 格 式 ， 名 片 印刷 力求 简单 适用 ， 注 重 个 人 头 
衔 和 职称 ， 名 片上 没有 私人 家 庭 信息 ， 主 要 用 于 对 外 交往 与 服务 ， 如 图 3-2 所 示 。 


(3) 商用 名 片 。 该 类 名 片 主要 是 以 企业 形象 为 主 ， 以 推销 企业 为 
志 、 注 册 商标 、 企 业 业 务 范围 ， 大 公司 有 统一 的 名 片 印刷 格式 ， 使 用 较 高 档 纸 张 ， 名 片 没 有 私人 家 庭 信 
息 


息 ， 主 要 用 于 商业 活动 ， 如 图 3-3 所 示 。 


的 一 种 系统 名 片 。 名 片 常 印 有 标 


| 3.1.2 名 片 的 基本 组 成 部 分 


名 片 的 组 成 部 分 是 指 组 成 名 片 的 各 种 要 素 ， 
般 是 指标 志 、 图 案 、 持 有 人 的 信息 等 。 这 些 要 素 都 
有 自己 的 作用 ， 如 图 3-4 所 示 。 


(1) 标志 。 名 片上 一 般 会 有 公司 的 形象 
Logo， 并 且 Logo 都 放置 在 最 显眼 的 地 方 。 

(2) 图 案 。 图 案 的 设计 是 一 个 重要 的 环节 ， 
图 案 在 一 张 名片 中 具有 吸引 注意 力 的 作用 。 

(3) 信息 。 只 有 能 够 吸引 视线 ， 才 能 注意 到 
名 片上 的 内 容 ， 内 容 就 是 持 有 人 或 公司 的 信 
意 ， 这 些 信息 一 定 要 简明 扼要 。 


| 3.1.3 ”名片 的 常用 尺寸 


名 片 标准 尺寸 ，90mmX 54mm、90mmX 50mm 、 
90mm xX 45mm-。 

名 片 要 有 出 血 ， 上 下 左右 各 2mm， 所 以 制作 尺 
寸 必 须 设 定 为 : 94mmX 58mm、94mm X54mm 、 
94mmx 49mm。 


横 版 : 90mmX S5mm< 方 角 >、 
圆 角 >， 如 图 3-5 所 示 ， 横 版 是 最 常见 的 一 种 名 片 尺 


寸 类 型 。 


bh 


竖 版 : 50mmX9 
角 >， 竖 版 是 最 近 几 年 


图 3-5 


0mm< 方 角 >、54X 85mm< 圆 
E 比 较 流行 的 一 种 名 片 尺寸 ， 
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85mm xX 54mm< 
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如 图 3-6 所 示 。 | 3.1.4 “名片 的 构图 方式 


名 片 的 版 面 空间 较 小 ， 需 要 排 布 的 内 容 相 对 
来 说 比较 格式 化 ， 所 以 在 版 面 的 构图 上 需要 花 些 心 
思 ， 使 名 片 更 加 与 众 不 同 ， 下 面 就 来 了 解 常见 的 构 

(1) 左右 构图 。 标志、 文案 左右 明确 分 开 
但 不 一 定 是 完全 对 称 ， 如 图 3-8 所 示 。 

(2) 椭圆 形 构 图 。 桶 圆 形 构图 是 指 信息 方式 
和 背景 图 像 是 以 椭圆 形 的 方式 进行 布置 的 ， 如 图 3-9 
所 示 。 


糯 开 10}e44SnIl| 柄 装 卫 


5 四 时 训 洗 


图 3-6 2 到 = er 
方 版 : 90mm X90mm 和 95mm X95mm。 oA 
折 卡 式 :该 名 片 是 一 种 较为 特殊 的 名 片 形式 。 全 六 举 回 形 构图 。 如 图 3-10 所 未 标志 主题 
司 内 常见 折 卡 名 片 ， 尺 寸 为 90mmX108mm; 欧美 铺 助 说 明文 案 安排 在 一 个 图 形 范围 内 。 
常见 折 卡 名 片 ， 尺 寸 为 900mm X 100mm， 如 图 3-7 2 
所 示 。 


图 3-10 
(4) 对 称 构图 。 对 称 构图 包括 左右 对 称 和 上 


下 对 称 ， 如 图 3-11 所 示 。 


048 


(5) 不 对 称 轴线 形 构图 。 该 构图 方式 是 最 为 
灵活 的 一 种 方式 ， 可 以 任意 放置 信息 和 标题 等 内 
容 ， 如 图 3-12 所 示 。 


图 3-15 


| 3.1.5 ”名片 的 制作 工艺 


图 3-12 
(6) 和 斜 角 构图 。 这 是 一 种 强力 的 动感 构图 ， 为 了 使 名 片 更 吸引 人 ， 在 印刷 名 片 时 往往 会 
主题 、 标 志 、 辅 助 说 明文 案 按 区 域 倾斜 放置 ， 如 使 用 一 些 特殊 的 工艺 ， 例 如 模 切 、 打 孔 、UV、 冲 
图 3-13 所 示 。 凸 、 资 金 等 ， 以 制作 出 更 加 丰富 的 效果 。 


(1) 模 切 工艺 : 品牌 个 性 的 表达 来 自 时 尚 ， 
塑造 独特 主张 的 名 片 印刷 就 是 多 边 裁剪 ， 可 以 别 出 
心 裁 地 进行 创意 设计 ， 完 全 让 你 尽情 想象 发 挥 ， 夸 
张 的 表现 会 让 客户 记忆 深刻 。 此 工艺 往往 会 使 名 片 
很 新 颖 ， 是 一 些 追 求 新 颖 、 创 意 人 士 的 理想 选择 ， 
如 图 3-16 所 示 。 


图 3-13 
(7) 三 角形 构图 。 三 角形 构图 是 指 主题 、 标 
志 、 辅 助 说 明文 案 构 成 相对 完整 的 三 角形 并 外 向 2 
对 齐 。 图 3-16 
(8) 稳定 形 构 图 。 画 面 的 中 上 部 分 为 主题 和 (2) 打 孔 工艺 ; 一 般 为 圆 孔 和 多 孔 ， 多 用 于 
标志 ， 下 面 为 辅助 说 明 ， 这 种 构图 方式 比较 稳定 ， 较为 个 性 化 的 名 片 设计 制作 。 打 和 孔 的 名 片 充分 满 
如 图 3-14 所 示 。 足 了 视觉 需要 ， 具 有 一 定 的 层次 感 和 独特 感 ， 如 


图 3-17 所 示 。 


图 3-17 
(3) UV 工艺 : 在 UV 印刷 机 上 利用 专用 UV 
油墨 实现 UV 印刷 效果 ， 使 得 局 部 或 整个 名 片 表 
(9) 中 心 形 构图 。 标 志 、 主 题 、 辅 助 文 案 以 ”光亮 凸 起 。UTV 工艺 名 片 突出 了 名 片 中 的 某 些 和 
画面 中 心 点 为 准 ， 聚 集 在 一 个 区 域 范围 内 居中 排 ”信息 并 使 得 整个 画面 呈现 一 种 高 雅 形象 ， 如 
列 ， 如 图 3-15 所 示 。 所 示 。 
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增加 印刷 


(4) 四 凸 工艺 ， 名 片 民 
精致 的 效果 ， 尤 其 针对 简单 的 图 形 和 文字 轮廓 ， 能 ， 色 、 红 色 、 绿 色 等 多 种 式样 ， 如 图 3-20 所 示 。 
图 案 的 层次 感 ， 使 之 获得 生动 美观 的 立体 


形 凹 凸 能 够 达到 视觉 ” 点 睛 的 效果 ， 有 金色、 银色 、 镭 射 金 、 镭 射 银 、 黑 


感 ， 如 


3-19 所 示 。 


ETEEITOICTIEIIETRE 
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胁 绰 半 沙 
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13.2.1 
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国 ”案例 


~ 


图 3-18 


图 3-19 
) 肖 金 工艺 ， 局 部 泛 


2 商业 案例 一 一 个 性 黑白 名 片 的 设计 


了 人 司 


Wp 
[0 
人 


图 3-20 
金 或 波 银 能 起 到 画 龙 


设计 思路 


扫 码 看 视频 


本 案例 是 一 个 有 个 性 的 黑白 名 片 设计 项 目 。 


图 项 目 


诉求 


本 案例 制作 一 款 较为 个 性 化 的 黑白 色 名 片 ， 作 为 模板 ， 只 要 简约 又 具有 创意 即 可 。 
图 ”设计 定位 
根据 模板 的 要 求 ， 我 们 使 用 方形 几何 形状 来 制作 ， 体 现 个 性 化 的 效果 ， 并 以 直线 作为 点 级 ， 几 何 体 一 
般 出 现在 棱角 分 明 的 行业 中 ， 如 冶金 、 工 业 、 商 务 等 。 有 棱角 的 方形 可 以 表现 为 简单 、 轻 松 的 感觉 ， 如 
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3-21 所 示 。 


| 3.2.3 ”版面 设 计 


本 案例 采用 斜 角 构 


方式 ， 这 是 一 种 富有 强力 的 动感 构 医 


| 3.2.2 ”配色 方案 


配色 方案 要 根据 客户 要 求 来 设计 ， 主 色 和 辅助 
色 分 析 如 下 。 
加 ” 主 色 

主 色 使 用 的 是 接近 黑色 的 深 灰 色 。 黑 色 是 一 个 很 
强大 的 色彩 ， 它 可 以 很 庄重 和 高 雅 ， 而 且 可 以 让 其 他 
颜色 突显 出 来 。 黑 色 是 一 种 不 会 过 时 的 时 尚 色彩 
所 以 通常 也 应 用 于 时 尚 和 个 性 化 的 设计 作品 中 。 
国 辅助 色 

辅助 色 采 用 白色 ， 白 色 是 一 种 原始 的 纯净 颜 
色 。 白 色 表 现 为 干净 、 畅 快 、 单 纯 、 雅 致 ， 白 色 在 
商业 设计 中 具有 高 级 和 科技 的 意象 ， 而 且 白色 可 谓 
是 百 搭 色彩 ， 与 黑色 相同 ， 白 色 也 是 永远 流行 的 
色彩 。 
图 ”其 他 配色 方案 

蓝 色 和 青色 都 是 商务 设计 中 首选 的 颜色 ， 暗 
红色 一 般 使 用 在 较为 潮流 和 个 性 化 的 设计 中 ， 根 
据 版 式 的 设计 同样 也 可 以 使 用 在 商务 中 ， 如 图 3-22 
所 示 。 


图 3-22 


E 题 、 标 志 、 辅 助 说 明文 案 按 区 域 倾斜 放 
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置 ， 这 种 类 型 较为 个 性 和 时 尚 。 
制作 的 斜 角 构图 的 名 片 如 图 3-23 所 示 。 


| 3.2.4” 同 类 作品 


| 3.2.5“ 项 目 实战 


图 ”制作 流程 

本 案例 首先 创建 分 割 线 ， 创 建 底 色 和 留 白 区 
域 ， 然后 修剪 图 像 ， 创 建文 字 注释 ， 最 后 进行 图 像 
修饰 ， 如 图 3-24 所 示 。 
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国 ”技术 要 点 
使 用 “直线 段 工 具 ” 创 建 分 割 线 ; 
使 用 “矩形 工具 ”创建 矩形 图 形 ; 
使 用 “路 径 查找 器 ”面板 修剪 图 像 ; 
使 用 “文字 工具 ”创建 文字 注释 ; 
使 用 “钢笔 工具 ”绘制 形状 。 

图 ”操作 步骤 

(运行 Tlustrator 软 件 ， 创建 一 个 新 文档 。 
运行 软件 后 ， 选 择 “ 编 辑 > 首 选项 > 单位 ” 命 
令 ， 打开“ 首选 项 ”对 话 框 ， 从 中 选择 “ 常 
规 ” 为 “厘米 ”， 单 击 “确定 ”按钮 ， 如 图 3-25 
所 示 。 


Wt 于 六 字 国 ! 所 ~ 


天 扫 避 抽 信 押 ， 介 刑名 陈 WO RE 加 


CID 

a 
图 3-25 

在 工具 箱 中 选择 “和 拢 形 工具 ” 园 ， 在 舞台 中 

创建 德 形 ， 在 “属性 ”面板 中 设置 “ 宽 ” 为 

9cm、“ 高 ”为 5.4cm， 这 是 标准 的 名 片 大 小 ， 

设置 矩形 的 “ 填 色 ”为 白色 ， 如 图 3-26 所 示 。 


民 性 

J 

EE 
6.605 © 

路 ,5 有 
:0 ~ 出 至 


外 本 


a 
1 加 sa Sin ~ 


国 而 lx ，» 


友 
全 姑 作 
E77 2 
加 E777 
EE 
图 3-26 


| 可 以 在 标准 尺寸 上 乘 以 2， 作为 当前 制作 名 片 的 


大 小 ， 如 图 3-27 所 示 。 


图 3-27 


人 @ 全 “直线 段 工具 ”全 ， 绘 制 矩 形 的 对 角 线 ， 


如 图 3-28 所 示 。 


图 3-28 
选择 矩形 ， 按 CtrlrC 和 ShiftrCtrl+V 组 合 键 ， 就 
地 粘贴 矩形 ， 设 置 粘贴 后 的 矩形 颜色 为 黑色 ， 
如 图 3-29 所 示 。 


图 3-29 
在 工具 箱 中 选择 “矩形 工具 ” 国 ,， 在 舞台 中 创 
建 和 矩形 ， 调 整 位 置 和 角度 ， 复 制 和 矩形 并 调整 其 
位 置 和 角度 ， 如 图 3-30 所 示 。 


图 3-30 
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本 


按 Shift 键 ， 选 择 黑 色 和 矩 形 和 后 来 创建 的 两 个 小 
矩形， 在 “路 径 查 找 器 ”面板 中 单 击 “ 减 去 项 
层 ” 按 钮 名， 修剪 得 到 如 图 3-31 所 示 的 图 像 。 


BD 
图 3-31 图 3-34 
在 工具 箱 中 选择 “路 径 文字 工具 ” 国 ， 在 作为 使 用 “钢笔 工具 ” 少 ， 在 舞台 中 绘制 如 图 3-35 
文字 ， 复 制 文 字 ， 所 示 的 形状 ， 设 置 填充 为 黑色 。 


分 割 线 的 斜 线 上 单 击 ， 创 
并 修改 文字 的 属性 ， 如 图 3-32 所 示 。 


图 
图 3-32 信使 用 “直线 段 工具 ”/.， 在 如 图 3-36 所 示 的 位 
名 片 正 面 制作 完成 ， 下 面 制作 名 片 背面 。 按 住 置 创建 分 割 辅助 线 。 


Shift 键 选择 名 片 正面 图 形 ， 按 Ctrl+C 和 Ctrl+V 组 
合 键 ， 复 制图 像 ， 调 整 其 位 置 ， 删 除 文字 ， 如 
图 3-33 所 示 。 


" 国 ， 在 后 来 绘制 的 辅助 
文字 内 


使 用 “路 径 文 字 工 具 
线 上 单 击 ， 创 建文 字 ， 复 制 文字 并 修改 
容 ， 如 图 3-37 所 示 。 


图 3-33 


人 使 用 “直线 段 工具 ”/.， 在 如 图 3-34 所 示 的 位 
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人 @ 创建 两 端 直线 段 ， 分 别 设置 其 “ 描 边 ”粗细 和 
色 ， 如 图 3-38 所 示 。 


浊 


图 3-39 
图 3-38 全 使 用 同样 的 方法 创建 其 他 六 字 内 容 ， 完 成 名 片 
人 他 复制 文字 ， 修改 文字 内 容 和 属性 ， 如 图 3-39 模板 的 制作 ， 如 图 3-40 所 示 。 


图 3-40 


| 太 交 交大 | 


3.3 商业 案例 一 清新 名 片 的 设计 ) 


徒 徒 美容 机 构 


TUTUmeirongjigou 


| 3.3.1 设计 思路 


国 ”案例 类 型 轩 和 和 
本 案例 是 一 款 美 容 机 构 的 名 片 设计 项 目 。 
图” 设计 背景 
着 经 济 的 不 断 发 展 ， 各 种 行业 也 迅速 发 展 起 来 ， 如 美容 行业 。 随 着 社会 的 发 展 与 科技 的 提升 ， 美 
ke 形式 上 都 有 着 不 断 的 变化 和 提升 。 通 过 沟通 ， 客 户 需 要 制作 一 款 针对 女性 的 粉色 且 简单 的 商业 
名 片 。 
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疙 于 相册 8 让 


计 兰 上 扩 到 JO1eQSnlll 芝 半 千 


秒 半 手 贡 四 导 


图 ”设计 定位 
主 色 和 风格 客户 已 经 决定 了 ， 在 粉色 的 基础 上 将 会 使 用 一 些 简约 、 简 单 的 椭圆 形状 来 装饰 和 丰满 画 
主要 表现 公司 标志 和 名 称 即 可 ， 这 样 既 简单 又 突出 了 主题 。 


Im 


[2 


， 


| 3.3.2 ”配色 方案 


整体 颜色 使 用 白色 和 粉色 ， 白 色 是 百 搭 的 颜色 ,粉色 则 是 公主 色 ， 粉 色 多 代表 浪漫 、 可 爱 、 温 志 、 恋 
爱 。 所 以 以 粉色 为 主题 的 设计 一 般 与 女性 和 恋爱 有 关 。 
图 ”其 他 配色 方案 
浅 桶 色 代 表 阳 光 、 开 朗 ， 所 以 可 以 应 用 于 一 些 活泼 的 现代 女性 的 设计 作品 中 ， 浅 绿色 则 比较 清新 ， 绿 
色 是 健康 、 富 有 活力 的 颜色 ， 但 是 颜色 偏 冷 ， 颜 色 的 选择 最 终 还 是 由 客户 定夺 ， 我 们 可 以 多 给 出 几 种 颜色 


方案 ， 以 供 参考 和 挑选 ， 如 图 3-41 所 示 。 
外) 
» 


徒 徒 美容 机 构 
TUTUmeirongjigou 


人 
sh 
徒 徒 美容 机 构 徒 徒 美容 机 构 


TUTUmeirongjigou TUTUmeirongjigou 


地 址 ;在 此 处 输入 你 的 详 维 地 址 


图 3-41 


| 3.3.3 ”版 面 构图 


本 案例 中 名 片 的 正面 采用 左右 构图 ， 将 标志 、 文 案 左 右 明 确 分 开 ， 但 不 一 定 是 完全 对 称 ， 背 面 则 使 用 
了 中 心 构图 ， 将 标题 和 Logo 放 置 到 中 心 位 置 ， 这 种 构图 方式 有 突出 主题 的 效果 ， 如 图 3-42 所 示 。 


N 


| 徒 徒 美容 机 构 


TUTUmeirongiigou TUTUmeirongjigou 


她 址 ， 在 此 处 栓 入 志 的 译 壁 地址 


图 3-42 
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| 3.3.4 ”同类 作品 欣赏 


| 3.3.5 项 目 实战 


回 ”制作 流程 

本 案例 首先 创建 底 色 和 轮廓 ， 绘 制 人 头 部 形 
状 ; 然后 创建 文字 注释 ， 最 后 修剪 图 像 ， 如 图 3-43 
所 示 。 


| 
人 


徒 徒 美容 机 构 
TUTUmeirongjigou 


图 3-43 


A 


徒 徒 美容 机 构 


TUTUmeirongiigou 


全 


徒 徒 美 容 机 构 


TUTUmeirongjigou 


图 3-43 ( 续 ) 
图 ”技术 要 点 
使 用 “矩形 工具 ”创建 底 色 和 轮廓 
使 用 “钢笔 工具 ”绘制 形状 ; 
使 用 “文字 工具 ”创建 文字 注释 ; 
使 用 “路 径 查找 器 ”面板 修剪 图 像 。 
图 ”操作 步骤 
运行 Ilustrator 软 件 ， 创 建 一 个 新 文档 。 


在 工具 箱 中 选择 “和 珑 形 工具 ” 转 ,， 在 舞台 中 
创建 和 矩形， 在 “属性 ”面板 中 设置 “ 宽 ” 为 
95.25mm、“ 高 ”为 45.156mm， 如 图 3-44 所 示 。 


a | 


Lom ~ 区 


4 机 


ee 


贺 措 227~ 


图 3-44 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 


“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 9 


PF 的 “ 侧 
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于 吏 于 下 一 山 8 庆 


JoOleTSnlll 芝 汉 午 


苦 属 台 


革 规 胁 遇 生效 四 号 


脸 .png” 文 件 ， 生 


所 示 。 


a 


CI | « OF BD ESE p 


低 


日 | 


Ff“ 置 入 ”按钮 ， 如 图 3-45 


HEIN: wliong 


加 鲍 
Gi) 
Deo 
Ee] 


图 3-45 


《@ 将 图 像 置 入 舞台 中 ， 如 图 3-46 所 示 。 


图 3-46 


人 OO 使 用 “钢笔 工具 ”分 ,， 在 人 物 的 辊 廓 上 绘制 闭 
合 的 图 形 ， 如 图 3-47 所 示 。 


图 3-47 


人 @@ 选择 绘制 的 形状 ， 在 “属性 ”面板 中 设置 “ 填 


色 ” 为 浅 粉 
所 示 。 
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色 ， 设置 “ 描 边 ”为 无 ， 如 图 3-48 


图 3-48 
使 用 “钢笔 工具 ”分 .， 在 舞台 中 绘制 如 图 3-49 
所 示 的 图 形 修剪 图 像 。 


图 3-49 


人 @ 选择 描绘 的 人 物 图 像 ， 按 住 Shift 键 ， 选 择 钢笔 


绘制 的 两 个 修剪 图 像 ， 在 “路 径 查找 器 ”面板 
中 单 击 “ 分 割 ” 按 钮 夯 ， 删 除 分 割 后 不 需要 的 
部 分 区 域 。 使 用 “钢笔 工具 ”分 ,绘制 一 缕 头 
发 ， 如 图 3-50 所 示 。 


图 3-50 
使 用 “钢笔 工具 ”分 ,绘制 其 他 的 头发 图 形 ， 如 


图 3-51 所 示 。 


| 人 人 选择 作为 标志 的 所 有 状 ， 按 Ctrl+G 组 合 键 将 
其 成 组 ， 选 择 和 矩形 、 文 字 和 标志 ， 在 “属性 " 
面板 中 单 击 “ 水 平 居 中 对 齐 ” 按 钮 品 ， 如 
图 3-55 所 示 。 


齐全 对 鱼 
a 


rr 
及 


于 22.5r8m。 商 : 45.156 m 


4 vv MH 


4 更 


国 we 


图 3-51 
在 舞台 中 选择 作为 标志 的 头像 ， 设 置 填 色 为 | 
#ff6e8d， 如 图 3-52 所 示 。 | 


二 二 
SPE 


Er 


po | ~ 55 i 

二 = | 《对齐 图 像 后 ， 正 面 名 片 就 制作 完成 了 ， 如 图 3-56 。 关 

四 -加 ee 所 示 。 上 
到 有 计 


a 


徒 徒 美容 机 构 
图 3-52 | TUTUmeirongjigou 
人 @ 将 标志 放置 到 矩 形 上 ， 设 置 矩 形 的 “ 描 边 " 颜 | 

色 为 #6e8d， 如 图 3-53 所 示 。 


图 3-56 
选择 矩形 ， 并 对 其 进行 复制 ， 设 置 矩 形 的 填 色 
为 #ff6e8d， 设 置 “ 描 边 ”颜色 为 向 色 ， 设 置 
“ 描 边 ”粗细 为 ?pt， 如 图 3-57 所 示 。 


pg 


CET 


0 

图 3-53 | 
使 用 “文字 工具 ”T,， 在 舞台 中 创建 美容 机 构 | 
的 名 称 ， 如 图 3-54 所 示 。 | 


容 
TUTUmeirongjigou 


图 3-57 
将 标志 和 公司 名 称 复制 到 背面 名 片 中 ， 并 调整 
其 位 置 和 属性 ， 如 图 3-58 所 示 。 


国 洒 站 
4 a 
a 
马 
有 
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使 用 “椭圆 了 


珊 四 导言 类 上 许 直 Joe4Snlll 芝 汉 千 


处 ， 如 图 3-61 


创建 椭圆 ， 在 “属性 ”面板 中 设置 
度 ” 参 数 为 10%。 


[ 具 ”@@,， 在 如 图 3-59 所 示 的 位 置 
“不 透明 


记 


15. 169 8 


;62.009 
109 361 。 商 ; 62 089 m 


时 


Lo” ~ 


复制 出 一 个 矩形 ， 并 将 矩形 和 圆 移动 到 另外 一 


所 示 ， 以 便于 修剪 和 调整 。 


选择 复制 出 的 矩形 和 椭圆 ， 在 “路 径 查找 器 ” 
面板 中 单 击 “ 分 割 ” 按 钮 夯 ， 如 图 3-62 所 示 。 


pe 
半径 查 流 各 - 
形状 模式 - 

曲 同 同 避 A 
圳 入 走 找 器 

加 ] 而 咯 面 马 


修剪 后 ， 设 置 图 像 的 “ 描 边 ”为 无 ， 如 图 3-63 


所 示 。 


移动 修 前 后 的 图 像 到 如 图 3-64 所 示 位 置 ， 作 为 


装饰 背景 ， 调 整 其 排列 。 


加 


使 用 “文字 工具 ”TT,， 在 舞台 中 
图 3-65 所 示 。 
继续 创建 文字 ， 如 图 3-66 所 示 。 


创下 


文字 ， 如 


设置 合适 的 文字 属性 ， 组 合并 调整 完成 背面 名 片 的 设计 ， 效 果 如 图 3-67 所 示 


至 此 本 实例 制作 完成 。 


商业 案例 一 一 新 中 式 名 片 的 设计 


公司 名 称 
一 一 
+tel: 8888 一 8888888888 
mob: 8688888838838 


本 案例 是 传媒 公司 的 名 片 设 计 项 目 。 


o 


传媒 公司 


Add: Enter the company oddress here 
E-mal, 888838833833@1212¢*.com 


根据 与 客户 沟通 ， 要 求 设计 一 款 商务 名 片 ， 并 在 此 名 片上 添加 一 些 中 式 的 元 素 。 


商务 名 片 的 设计 元 素 中 不 可 缺少 的 就 是 矩形 ， 所 以 我 们 在 此 案例 中 将 少量 添加 一 些 矩 形 ， 主 题 以 新 


中 式 为 主 。 新 中 式 是 指 既 有 现代 的 简约 时 尚 ， 又 有 中 式 的 一 些 简 化 的 元 素 和 


I 形状。 根据 客户 要 求 ， 我 们 


到 3-68 所 示 为 搜集 的 中 式 花 纹 


将 会 在 商务 名 片 的 基础 上 添加 一 些 中 式 的 祥 纹 作为 点 级 装饰 以 丰满 名 片 。 如 
图 片 。 


3.4.2 ”版 面 设计 


本 案例 采用 中 式 花纹 来 表达 主题 风格 ， 整 体 采 用 中 心 构图 ， 将 标志 放置 在 名 片 的 中 心 位 置 ， 背 面 采 用 
稳定 构图 ， 将 标志 放置 在 上 方 ， 信 息 显 示 在 下 方 ， 整 个 构图 凸显 了 公司 的 名 称 ， 如 图 3-69 所 示 。 


公司 名 种 传媒 公司 
te, 0888-3998998938 dd: Enter the ommpamy adywss ere 
mp: 863032830338 mo, 8838883883 121200.com 


四 避 京 闽 掠 蛋 JOjeJSnlll 芝 省 千 


ec 


胁 绰 半 沙 


解 
析 


3.4.3 “其 他 方案 欣赏 


在 此 设计 的 基础 上 ， 我 们 还 提供 了 以 下 色调 以 供 欣赏 和 选择 ， 如 图 3-70 所 示 。 


公司 名 称 传 媒 公 司 


90089893 Ad Enar the compamy oness pere 
3 Emoll, 083939393383@1212e0.com 


公司 名 称 传媒 公司 


to 0839 -488389399 Md: Enta the company oiress here 
Emoll, 383838939388@1212e. com 


| 3.4.4 ”项 目 实战 


国 ”制作 流程 
本 案例 首先 创建 底 色 、 形 状 和 Logo 底 色 ; 
然后 创建 文字 注释 ; 最 后 修剪 图 像 ， 如 图 3-71 


所 示 。 


SET 


AANANA 


tel: 8888-8888888888 AdHd; Enter the compom od 
mob: 8988888888888 Emoll; 833333333383@1212e*.com 


图 3-71 


图 ”技术 要 点 


使 


“和 矩形 工具 ”创建 底 色 、 形 状 和 Logo 


“钢笔 工具 ”绘制 形状 ; 


“文字 工具 ”创建 文字 注释 ; 


使 用 “路 径 查 找 器 ”面板 修剪 图 像 。 
图 ”操作 步骤 

运行 Ilustrator 软 件 ， 创 建 一 个 新 文档 。 

在 工具 箱 中 选择 “和 矩形 工具 ” 国 ,， 在 舞台 中 

创建 和 矩 形 ， 在 “属性 ”面板 中 设置 “ 宽 ” 为 

18cm、“ 高 ”为 10.8cm， 如 图 3-72 所 示 。 


EE 


图 3-72 
ii “ 填 色 ”为 白色 ，“ 描 边 ”为 无 ， 如 图 3-73 


NNSD: 


3 SPORQDowY 国 


下 因 瑟 入 由 


图 3-73 
使 用 “和 拢 形 工具 ” 国 ,， 在 如 图 3-74 所 示 的 位 置 
创建 矩 形 ， 设置“ 填 色 ” 为 #002b51， 设置 “ 描 
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半 池 于 内 ”二 6 名 


勒 必 到 JeQSnlll 芝 半 千 


避 言 


| 
取 
四 
全 
解 
析 


复制 调整 矩形 的 宽度 ， 修 改 “ 填 色 ” 为 出 如 图 3-79 所 示 的 效果 。 
#ea0044， 如 图 3-75 所 示 。 


使 用 “钢笔 工具 ”Z. 在 舞台 的 空白 处 创建 如 对 形状 进行 复制 ， 并 修改 形状 ， 使 其 衔接 自 
图 3-76 所 示 的 中 式 花纹 。 然 ， 并 将 所 创建 的 形状 复制 、 粘 贴 到 名 片 中 ， 
如 图 3-80 所 示 。 


使 用 “钢笔 工具 ”分 ,继续 创建 连接 的 线段 ， 如 
图 3-77 所 示 。 


在 使 用 路 径 绘制 的 形状 之 前 应 尽量 对 其 进行 复 
制 ， 因 为 原始 的 线 稿 很 重要 。 如 果 在 编辑 的 过 程 中 
将 形状 转换 为 可 填充 的 图 像 图 形 ， 则 再 想 要 返回 路 
径 对 其 进行 更 改 是 不 可 能 的 了 ， 所 以 在 使 用 形状 过 
程 中 最 好 保留 原始 形状 ， 备 份 一 份 即 可 ， 以 备 不 时 
之 需 。 


继续 复制 形状 ， 在 “变换 ”面板 中 单 击 届 按 
继续 创建 形状 ， 如 图 3-78 所 示 。 钮 ， 在 弹出 的 菜单 中 选择 “水 平 翻转 ”命令 ， 
如 图 3-81 所 示 。 


使 用 同样 的 方法 绘制 形状 ， 也 可 以 复制 ， 组 合 


2 翻转 后 的 效果 如 图 3-82 所 示 。 


D 
BD 
» 
图 3-82 
选择 左右 两 侧 的 花纹 形状 ， 在 菜单 栏 中 选择 
“对 象 > 扩展 ”命令 ， 如 图 3-83 所 示 。 在 弹出 的 
“扩展 ”对 话 框 中 使 用 默认 的 参数 ， 单 击 “ 确 
定 ”按钮 ， 如 图 3-84 所 示 ， 将 形状 转换 为 可 填 
充 的 图 形 。 
扩展 
EEC) 选择 (S) ”效果 (C) 视图 (\ 
Er » EE) 
， 
多 组 (6) Cul+G 
pr En 将 渐变 扩展 为 
全 iM) Arculvz 
区 总 (H) » 
显示 全 部 AlttCtrl+3 
Ea 人 | 
裁 的 轿 像 (C) 
顶 格 化 ( 忆 … 


图 3-83 
选择 背景 矩形 ， 按 Ctrl+C 和 Shift+Ctrl+V 组 
合 键 ， 就 地 粘贴 矩形 。 选 择 粘 贴 的 矩形 ， 按 
住 Shift 键 选择 转换 为 图 形 的 花纹 ， 如 图 3-85 
所 示 。 


图 3-85 
在 “路 径 查找 器 ”面板 中 单 击 “ 分 割 ” 画 按 
钮 ， 分 割 形 状 ， 如 图 3-86 所 示 。 


路 径 查 找 器 
形状 模式 - 
明太 三 
点 径 查找 器 
[RR) 出 画 四 加 
图 3-86 
使 用 “选择 工具 ” 框 选 超出 的 部 分 区 域 以 及 复 
制 出 的 矩形 ， 按 Delete 键 删除 不 需要 的 图 形 ， 
如 图 3-87 所 示 。 


图 3-87 
人 @ 合 “和 拢 形 工 具 ” 国 ,在 名 片 中 心 的 位 置 创 建 
和 矩形， 并 设置 旋转 为 453" ， 设 置 “ 填 色 ” 为 
#ea0044， 如 图 3-88 所 示 。 


D 可 

> 二 

2 [es] 
Bm 上 

) EE 


图 3-88 
创建 矩 形 后 ， 设 置 矩 形 的 圆 角 效 果 ， 如 图 3-89 


图 3-89 


人 @ 信 对 设置 回 角 的 矩形 进行 复制 ， 修改 其 填 
为 无 ， 设 置 合 适 的 描 边 ，“ 描 边 ” 颜 色 
#ea0044， 如 图 3-90 所 示 。 
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玫 忒 于 惧 ” 山 8 庆 


使 用 “文字 工具 ”了 ,添加 文字 ， 如 图 3-91 


长 到 J0leQSnlll 芝 汉 午 


吵 测 半 获 四 澡 训 粒 


继续 添加 文字 ， 设 置 合适 的 文字 属性 ， 如 图 3-92 
所 示 。 


公司 名 称 传媒 公司 


Add: Entar the compony oiess here 
E-mail, 888833333333@1212e*.com 


复制 矩形 和 标志 ， 修 改 矩形 的 “ 填 色 ”为 
#002b51， 如 图 3-93 所 示 。 


将 舞台 中 绘制 的 形状 进行 组 合 ， 如 图 3-94 
所 示 。 


组 合 形状 后 ， 对 形状 进行 复制 ， 在 菜单 栏 中 选 
择 “ 对 象 > 扩展 ”命令 ， 将 形状 转换 为 填充 的 图 
3-95 所 示 。 


形 ， 


转换 为 图 形 后 ， 在 舞台 中 创建 一 个 圆 角 的 三 角 


如 图 


扩展 


CE 可 
回 指 边 


® 
G 


构 洛 变 扩 展 为 


图 形 ， 如 图 3-96 所 示 ， 将 其 放置 到 底部 ， 选 择 
花纹 和 圆 角 的 三 角 图 形 ， 在 “路 径 查找 器 ” 面 
板 中 单 击 “ 分 割 ”按钮 别 。 


分 割 


并 


f 翻 转 ， 


形 后 ， 删 
内 的 花纹 ， 将 其 放置 到 名 片 


效果 如 图 


3-97 所 示 。 


除 不 需要 的 图 形 ， 留 下 三 角形 


和 ， 对 其 进行 复制 


的 使 用 "文字 工具 ”了 .在 正面 的 名 片上 创建 文字 ， 如 图 3-98 所 示 。 至 此 本 案例 制作 完成 。 


@ 
公司 和 名称 传媒 公司 
3 Ad En te campmy agess re 
5955669999999 -mol, 89898989398@12124.com 
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玫 扎 于 相册 8 炎 


在 创作 过 程 中 ， 通 常 需要 一 定 的 文字 进行 标注 和 详解 ， 作 为 重点 注 
释 ; 为 了 美观 ， 需 要 对 文字 进行 特殊 处 理 ， 使 其 起 到 标题 突出 和 醒目 的 


效果 
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字 作 品 。 


本 章 将 介绍 如 何 使 用 Illustrator 来 制作 一 些 特效 字 ， 通 过 对 这 些 文 
字 的 处 理 初 步 向 读者 展示 Illustrator 的 强大 功能 ， 
果 丰 富 的 艺术 字 ， 并 希望 读者 能 够 举一反三 、 制 作出 更 多 优秀 的 特效 


引导 读者 制作 这 些 效 


yp ; 你 
状 。 隆 /a 
.app Mew Wanf 人 6 


艺术 字 概 述 


艺术 字 的 应 用 范围 之 广 是 我 们 不 容 小 视 的 ， 无 
论 是 平面 广告 、 电 视 广告 、 电 商 广 告 ， 艺 术 字 都 是 
大 量 存在 的 ， 且 起 着 非常 重要 的 装饰 和 注释 作用 。 
4.1.1 “什么 是 艺术 字 

特效 字 是 在 普通 字 的 字体 上 加 上 特效 形成 的 ， 
这 些 特殊 字体 效果 就 被 称 为 特效 字 。 特 效 字 的 使 用 
可 以 增强 作品 的 主题 和 氛围 ， 如 图 4-1 所 示 。 


J 


Ns 
es 
Nh 


多 
a 


SFOM/ER 
SFEOM/E 

可 以 看 出 ， 这 些 艺 术 字 非 常 美观 和 具有 震撼 
效果 ， 若 不 使 用 特效 字 来 装饰 ， 整 个 版 面 会 显得 呆 


板 ， 所 以 艺术 字 的 重要 性 显而易见 。 


4.1.2 ”艺术 字 的 用 途 


艺术 字 被 广泛 应 用 于 宣传 、 广 告 、 商 标 、 标 


题 、 板 报 、Logo、 会 场 、 展 览 以 及 商品 包装 、 装 潢 
等 各 类 广告 和 装修 行业 ， 如 图 4-2 所 示 。 

图 4-2 所 示 的 上 边 两 幅 图 为 海报 广告 ， 从 中 可 
以 看 出 艺术 字 应 用 在 了 标题 上 ， 使 其 更 加 突出 和 醒 
目 ; 而 图 4-2 所 示 的 下 边 两 幅 图 为 画册 广告 ， 由 此 可 
见 艺术 字 的 作用 是 要 突出 主题 。 


城市 中 心 关 
放 


您 尖 自 权 。， 从 讲 山 水 


100mz 一 180mz 
山水 详 忆 全新 上 市 ， 


文字 可 以 直观 地 表达 意思 ， 而 特效 字 是 传统 字 
体 的 一 种 设计 补充 ， 可 以 为 文字 制作 出 各 种 具有 冲 
击 性 的 效果 ， 是 一 种 艺术 的 创作 体现 。 

特效 字 是 以 丰富 的 想象 力 重新 组 合 而 构成 的 字 
形 ， 既 可 以 增加 文字 直接 阐述 的 特点 ， 也 可 以 体现 
设计 的 美感 。 


4.1.3 “艺术 字 的 设计 方法 


下 面 将 介绍 艺术 字 的 设计 方法 。 

(1) 替换 法 : 替换 法 是 在 统一 形态 的 文字 元 
素 上 加 入 不 同 的 图 形 图 像 元 素 ， 其 本 质 是 根据 文字 
的 内 容 ， 用 某 一 种 形象 来 替代 某 部 分 笔画 ， 这 种 形 
象 可 以 使 用 写实 的 图 案 ， 也 可 以 使 用 夸张 的 符号 来 
表现 。 将 文字 的 局 部 笔画 替换 掉 的 同时 ， 注 意 一 定 
不 要 改变 文字 的 本 意 和 本 质 ， 如 图 4-3 所 示 。 


(2) 共用 法 : 共用 法 是 指 重合 或 共用 一 个 笔 
画 ， 如 图 4-4 所 示 。 


(3) 县 加 法 : 用 加 法 是 将 文字 的 笔画 互相 重 
县 或 将 字 与 字 、 字 与 形 相 互 重 肝 的 表现 手法 ， 如 
图 4-5 所 示 。 


(4) 分 解 重 构 法 : 分 解 重 构 法 是 将 熟悉 的 文 
字 或 图 形 打 散 后 ， 通 过 不 同 的 角度 审视 并 
处 理 ， 主 要 目的 是 破坏 其 基本 规律 并 寻求 新 的 视觉 
冲击 点 ， 如 图 4-6 所 示 。 


四 局 京 类 上 放 吉 JO1eJSnlll 荣 汉 千 
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EY 


Happy Children's day 


| 4.2.1 设计 思路 


国生 
本 案例 是 一 款 彩色 艺术 字 设 计 项 目 。 
图 ”客户 诉求 
本 案例 的 主题 为 欢乐 假日 ， 通 过 使 用 彩色 的 效 
果 表 达 出 欢快 的 休闲 时 光 。 本 案例 的 艺术 字 将 会 放 


加 ”案例 类 型 


置 到 户外 的 旅游 海报 中 ， 和 希望 通过 设计 使 整个 艺术 
字 具 有 个 性 和 新 颖 的 效果 。 如 图 4-7 所 示 为 客户 在 网 


上 找到 的 比较 中 意 的 作品 。 
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图 4-7 


图 ”设计 定位 

在 设计 本 案例 中 的 特效 字 时 ， 还 是 要 依据 客户 
诉求 来 定位 ， 定 义 艺术 字 为 彩色 的 ， 同 时 ， 我 们 也 
会 在 彩色 文字 的 基础 上 加 上 装饰 性 的 纹理 ， 通 过 纹 
理 可 以 使 艺术 字 更 加 有 个 性 和 新 颖 ， 并 且 我 们 也 会 
添加 一 些 装饰 素材 ， 如 太阳 和 几何 形状 。 


| 4.2.2 ”配色 方案 


本 案例 采用 饱和 度 和 亮度 较 高 的 颜色 ， 颜 色 
饱和 度 高 会 使 人 有 一 种 激情 燃放 的 感觉 ， 适 合 在 促 
销 广 告 和 海报 中 使 用 ， 而 明度 较 高 的 颜色 在 广告 中 
更 加 醒目 ， 所 以 采用 比较 花哨 的 表现 形式 ， 这 样 更 
加 可 以 使 人 的 注意 力 集中 到 文字 。 

加 ”其 他 配色 方案 

根据 客户 的 要 求 我 们 制作 彩色 的 、 夺 目的 方 
案 ， 以 下 是 调整 的 另外 两 个 方案 ， 以 供 客户 挑选 ， 
图 4-8 的 上 方 方 案 还 是 使 用 图 案 填 充 的 效果 ， 不 同 的 
是 使 用 了 更 加 花哨 的 图 案 ， 这 样 的 艺术 字 只 适用 于 
背景 简单 的 广告 ， 图 4-8 的 下 方 为 一 个 简单 的 彩色 字 
效果 ， 这 种 字 可 以 放置 到 复杂 的 广告 中 ， 避 免 以 乱 
添乱 。 


| 4.2.5 


可 填充 的 


| 4.2.3 设计 方法 


本 案例 采用 的 设计 方法 为 分 解 重 构 法 ， 即 将 
Happy 文 字 分 解 ， 通 过 打 散 文字 ， 然 后 调整 其 角度 
并 重新 组 合 ， 这 种 设计 方法 的 主要 目的 是 破坏 其 基 
本 规律 并 寻求 新 的 视觉 冲击 点 。 


项 目 实战 


加 ”制作 流程 
本 案例 首先 创建 文字 标题 ， 并 将 文字 转换 为 


Hi Pb 


| 4.2.4” 同 类 作品 欣赏 
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加 ”技术 要 点 


HOLIDAYS 


B= 


Ld 


图 4-9 


“文字 工具 ”创建 文字 标题 


“扩展 ”命令 将 文字 转换 为 可 填充 的 医 
“文字 效果 ”面板 设置 文字 的 效果 ; 


形 ， 然 后 建立 图 案 填充 ， 并 设置 投影 效 
果 ; 最 后 填充 其 他 文字 效果 ， 如 图 4-9 所 示 。 


HAPPY 


HOUDAYS- 


0 


ET 
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TSETTEETOEIEIIERE 


“图 案 > 建立 ”命令 建立 图 案 ; 
“ 色 板 ”填充 建立 图 案 ; 
“投影 ”命令 设置 投影 效果 ; 
日 “画笔 工具 ”绘制 太阳 ; 
“装饰 旧版 ”功能 填充 其 
国 ”操作 步骤 
运行 Ilustrator 软 件 ， 创 建 一 个 新 文档 。 

和 "文字 工具 ”T,， 在 舞台 中 创建 文字 ， 


他 文字 效果 。 


首 守 半音 守 守 


GI 


在 “属性 ”面板 中 修改 文字 的 属性 ， 如 图 4-10 
所 示 。 
HAPPY 
| 


图 4-10 
在 菜单 栏 中 选择 “对 象 > 扩展 ”命令 ， 在 弹出 的 
“扩展 ”对 话 框 中 使 用 默认 的 参数 ， 如 图 4-11 


所 示 。 
扩展 

扩展 

对 象 B) 

填充 (F) 

将 渐变 扩展 为 | 

图 4-11 
@ 合 "选择 工具 ”， 在 舞台 中 移动 和 旋转 对 象 


的 打 散 重组 效果 ， 如 图 4-12 所 示 。 


图 4-12 

人命 在 菜单 栏 中 选择 “窗口 > 图 形 样式 ”命令 ， 打 开 
“图 层 样式 ”面板 ， 在 该 面板 中 站 圳 固 扩 包 ， 
在 弹出 的 菜单 中 选择 “打开 图 形 样式 库 > 文 字 效 
果 ” 命 令 ， 如 图 4-13 所 示 。 
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图 4-13 
在 “文字 效果 ”面板 中 选择 “阴影 ”效果 ， 如 
图 4-14 所 示 。 


控 本 和 本 特效 时 。 文字 效果 至 
P| 
图 号 郧 加 口 


人 网 | 口 固 剧 
gl * 国峰 


全， 可 
图 4-14 
贺 图 形 样式 的 使 用 技巧 j 
“图 形 样式 ”面板 中 包含 许多 预 设 的 图 形 样 
式 ， 可 以 从 中 挑选 需要 的 样式 ， 这 样 可 以 避免 制作 
特效 的 一 些 烦 琐 的 步骤 ， 如 果 没 有 可 以 再 重新 
设置 。 


设置 的 影 图 形 效果 如 图 4-15 所 示 。 


图 4-15 


(使用 “矩形 工具 ” 国 . 在 舞台 中 创建 德 形 ， 设 
置 “ 填 色 ” 为 红色 ， 使 用 “椭圆 工具 ”后 在 矩 
形 上 创建 小 圆 ， 设 置 小 圆 填 色 为 橘 色 到 黄色 的 
渐变 。 复 制 圆 作 为 图 案 ， 如 图 4-16 所 示 ， 可 以 
看 一 下 图 案 和 文字 的 比例 ， 设 置 一 个 较 小 的 图 
案 ， 这 样 填充 的 话 才 会 比较 密集 。 


图 4-16 


(选择 红色 矩形 和 所 有 的 贺 点 图 案 ， 在 菜单 栏 中 


选择 “对 象 > 图 案 > 建 立 ”命令 ， 


在 弹出 的 对 话 


框 中 单 击 “ 确 定 ” 按 钮 ， 进 入 建立 图 案 窗口 模 
式 ， 在 “图 案 选 项 ”面板 中 命名 图 案 的 名 称 ， 


如 图 4-17 所 示 。 


癌 机 4 加 为 用 硝 大 小 
ETT 


贺电 


4-17 


在 文件 标题 下 单 击 “ 完 成 ”1 


案 ， 如 图 4-18 所 示 。 
直 加 二 身 襄 。。 十 存 全 天 本 | 
图 4-18 


OE " 色 板 ”面板 中 可 以 看 到 我 们 存储 的 
选择 一 个 文字 图 形 ， 单 击 “ 色 板 ” 面 板 中 存储 


的 图 案 ， 即 可 填充 图 案 ， 如 图 


4-19 所 示 。 


填充 图 案 后 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 
投影 "命令 ， 在 弹出 的 “投影 ”对 话 框 中 设置 


合适 的 参数 ， 如 图 4-20 所 示 。 


加 预览 P) 


OM (CO): 


全 设置 图 形 投影 后 的 效果 如 图 4-21 所 示 。 


图 4-20 


图 4-21 


@ 在 舞台 中 创建 橘 黄 和 黄色 相间 的 图 案 ， 如 图 4-22 


所 示 。 
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用 淘 灶 关中 ” 山 y 沁 


TIEETICETETIETRE3 


4 半 光 如 号 神 


ESTE 


全 和 # 创建 的 橘 黄 和 黄色 相间 的 图 案 ， 在 菜单 栏 | 
中 选择 “对 象 > 图 案 > 建立 ”命令 ， 在 弹出 的 | 
对 话 框 中 单 击 “确定 ”按钮 ， 进 入 建立 图 案 窗 
口 模式 ， 在 “图 案 选 项 ”面板 中 命名 图 案 的 名 ， 


称 ， 如 图 4-23 所 示 。 


[ ox 
胡 度 -26 pe 
口 将 村 由 上 为 图 确 大 小 
将 拉 由 与 图 隔 一 起 区 动 


及 


as: 国 c 国 * 
价 数 : Tx7 ~ 
固 出 术 变 障 要 10% vv 
加 是 示 拼 贴 雪 考 
口 曲 示 色 极 地 闪 


图 4-23 

人 他 在 文件 标题 下 单 击 “ 完 
案 ， 在 “ 色 板 ”面板 中 可 以 看 到 存储 的 图 案 。 
选择 一 个 文字 图 形 ， 单 击 
的 图 案 ， 即 可 填充 图 案 ， 如 图 4-24 所 示 。 


图 4-24 


填充 图 案 后 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > | 
投影 命令， 在 弹出 的 “投影 ”对 话 检 中 设 时 


Ome O: 
COICO ) 


图 4-25 


@ 继续 创建 如 图 4-26 所 示 的 图 案 。 
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”按钮 即 可 存储 图 ， 


“ 色 板 ”面板 中 存储 | 


图 4-26 

| 人 选择 娃 的 图 案 ， 在 菜单 栏 中 选择 “对 象 > 图 案 > 
建立 ”命令 ， 在 弹出 的 对 话 框 中 单 击 “ 确 定 ” 
按钮 ， 进 入 建立 图 案 窗 口 模式 ， 在 “图 案 选 
项 ”面板 中 命名 图 案 的 名 称 ， 如 图 4-27 所 示 。 
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全 EGG 
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| NR: a 
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加 昌 示 全 已 廊 纤 
DR 


图 4-27 
| Ox Te “完成 ”按钮 即 可 存储 图 
案 ， 通 过 单 击 “ 色 板 ”面板 中 存储 的 图 案 ， 填 
充 文 字 图 形 。 使 用 同样 的 方法 创建 一 些 自己 较 
为 喜欢 的 图 案 ， 并 将 其 存储 ， 然 后 为 文字 图 形 
填充 图 案 ， 得 到 如 图 4-28 所 示 效 果 。 使 用 “ 钢 


笔 工具 ” 依 . 在 文字 的 上 方 创 建 半圆 来 模拟 半 个 
太阳 。 
【人 
图 4-28 


使 用 “画笔 工具 ”4.， 设 置 轮廓 为 牲 黄色 ， 选 
择 合适 的 画笔 ， 在 舞台 中 绘制 凌乱 的 填充 效 
果 ， 如 图 4-29 所 示 。 


图 4-29 


人 选择 绘制 的 填充 ， 将 其 建立 为 图 案 ， 如 图 4-30 所 示 。 


Wen 风 作 


rate 
Lb 


口 大 小 
Bm 


图 4-30 


人 为 半 个 太阳 填充 图 案 后 ， 使 用 “画笔 工具 ”4. 在 “画笔 ”面板 中 选择 合适 的 笔触 ， 绘 


芒 ， 并 在 太阳 周围 轮廓 上 描绘 ， 使 其 边缘 更 加 自然 ， 如 图 4-31 所 示 。 


el 了 一 


图 4-31 
《人 继续 绘制 卡通 效果 的 眼睛 、 嘴巴 和 肋 红 效果 ， 设 置 合适 的 颜色 ， 如 图 4-32 所 示 。 


bY” 


me 


图 4-32 
在 舞台 中 选择 设置 阴影 后 的 文字 图 形 ， 在 “外 观 ” 面 板 中 双击 “投影 ”后 的 按钮 ， 在 弹出 的 “投影 ” 
对 话 框 中 修改 投影 参数 ， 设 置 投影 为 一 种 颜色 ， 如 图 4-33 所 示 。 
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图 4-33 


辆 “外观 ”面板 的 使 用 技巧 


在 “外 观 ”面板 中 可 以 看 到 当前 图 形 使 用 的 任 | 


何 效 果 ， 并 可 以 为 其 进行 更 改 、 隐 藏 和 删除 ， 还 可 
以 单 击 “ 添 加 新 效果 ”按钮 所 ， 在 弹出 的 下 拉 莱 单 
中 选择 需要 添加 的 效果 ， 该 菜单 中 的 效果 包含 “ 效 


WN | 
图 


| 果 ” 菜 单 中 的 所 有 效果 。 


使 用 同样 的 方法 修改 
色 ， 如 图 4-34 所 示 。 


二 


在 “ 色 板 ”面板 中 单 刘 


其 他 文字 图 形 的 投影 部 


图 4-34 


局 按钮 ， 在 弹出 的 菜 和 


中 选择 “打开 色 板 库 > 图 案 > 装 饰 > 装饰 旧版 ” 


命令 ， 如 图 4-35 所 示 ， 
面板 。 


VisiBone2 
Web 
PE 
LE 
大 地 色泽 
ER 
js 
a 
素 统 Madeoch 
BF (Wndows) 
护 F 
有 X 色 
Ed 
es 
Ee 
3 
加 富生 位 
全 品 
Ma 
用 户 宇 义 
其 二 (O)- 


图 4-35 


使 
在 菜单 栏 中 选择 “对 象 > 扩 展 ” 命 令 ， 在 弹出 的 
如 图 4-37 所 示 ， 将 文字 转换 为 图 形 。 


“ 扩 


"文字 工具 ”T.， 在 舞台 中 创建 文字 ， 如 图 4-36 所 示 。 
展 ” 对 话 框 中 使 用 默认 参数 ， 单 击 “确定 ”按钮 ， 


扩展 
加 对 象 B) 
加 填充 (F) 


将 渐变 扩展 为 
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可 以 打开 “装饰 旧版 ” 


30g "装饰 旧版 ”面板 中 ， 
填充 ， 如 图 4-38 所 示 。 


有 = 


HOLIGAYS 


图 4-38 
全 设置 图 案 填充 后 ， 为 其 设置 彩色 的 阴影 效果 ， 
如 图 4-39 所 示 。 


HOLIDAYS 


图 4-39 
使 用 “钢笔 工具 ”万 ,， 在 舞台 中 绘制 装饰 的 形 
状 ， 如 图 4-40 所 示 。 


“HoUpaYys- 
图 4-40 
全 修改 形状 的 填充 色 ， 创建 矩形 作为 背景 ， 并 填 
充 浅 灰色 ， 设 置 矩 形 排列 到 最 下 方 ， 完 成 本 案 
例 的 制作 ， 如 图 4-41 所 示 。 


人 < 4 pp 
HOLIDAYS 


图 4-41 


分 别 为 文字 图 形 设置 


3 商业 案例 一 一 电 商 艺术 字 标 
题 设 计 


| 4.3.1 设计 思路 


回 幅 蒜 避 训 

国 ”案例 类 型 扫 码 看 视频 
本 案例 设计 电 商 标题 项 目 。 

国 ”项 目 诉求 


在 五 月 ， 有 一 个 特殊 的 日 子 ， 即 5 月 20 日 ，5.20 
的 谐音 是 “我 爱 你 ”， 是 情侣 比较 注重 的 日 子 ， 所 
以 商家 想 在 5 月 20 日 这 天 搞活 动 ， 需 要 简单 的 520 字 
样 ， 并 在 文字 的 下 方 输入 “大 促销 ” 即 可 。 因 为 背 
景 较为 丰富 ， 可 以 简单 添加 一 些 装饰 ， 需 要 将 0 制 
作为 心 形 。 
图 ”设计 定位 

根据 客户 的 要 求 进行 定位 ， 只 需 注意 整体 的 协 
调 性 ， 在 标题 上 添加 一 些 装 饰 素材 即 可 。 因 为 客户 
不 想 要 太 过 复杂 的 内 容 和 装饰 ， 所 以 采用 简单 的 翅 
膀 、 标 题 底 纹 和 五 角 星 装饰 。 


| 4.3.2 配色 方案 


色彩 上 可 以 选择 紫色 、 红 色 和 它们 之 间 的 中 间 
色 ， 下 面 来 分 析 色 彩 如 何 搭配 。 
加 ” 主 色 

主 色 采用 紫色 和 接近 红色 的 粉 紫色 ， 这 样 在 体 
现 浪 漫 的 同时 也 使 整个 色调 比较 统一 和 协调 。 粉 
是 浪漫 的 颜色 ， 出 现在 5.20 中 是 甜蜜 的 象征 ， 紫 
是 一 种 代表 神秘 的 女性 颜色 ， 给 人 以 高 冷 、 女 神 
感觉 ， 如 图 4-42 所 示 。 


们 于 人 祭 
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图 4-42 


辅助 色 采 用 黄色 、 橘 色 和 青色 ， 黄 色 是 代表 热 


情 的 颜色 ， 橘 色 是 一 种 暖色 ， 给 人 亲近 的 感觉 ， 青 


色 是 介 于 绿色 和 蓝 色 之 间 的 颜色 ， 采 用 青色 的 原因 


是 它 是 红色 系 的 补 色 ， 与 红色 一 起 出 现 可 以 起 到 互 


补 的 效果 。 
图 ”其 他 配色 方案 
图 4-43 是 设计 
供 客户 选择 ， 上 图 
为 主 色 ， 这 样 可 b 


者 提供 的 另外 两 种 颜色 方案 ， 可 
可 以 看 到 整体 色调 以 蓝 色 和 青色 
产生 一 种 商务 活动 的 效果 ; 下 图 


主 标题 相对 饱和 度 不 高 ， 这 样 的 色彩 搭配 ， 吸 引 眼 


球 的 颜色 成 就 了 副 
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标题 。 


图 4-43 


”中 将 0 改 为 心 形 


14.3.3” 设计 方法 


本 案例 采 


替换 法 设计 ， 蔡 


态 的 文字 元 素 


换 法 是 在 统一 形 


上 加 入 不 同 的 图 形 图 


像 元 素 。 此 案例 


的 形状 ， 这 样 效 果 就 会 变 得 夸张 一 


些 ， 但 并 没有 改变 文字 的 本 意 ， 所 以 更 具有 吸引 


效果 。 


| 4.3.4 “同类 作品 欣赏 


| 4.3.5 “项 目 实战 


加 ”制作 流程 


本 案例 首先 绘制 数字 形状 ， 创 建文 字 背 景 ; 


然后 创建 文字 注释 : 最 后 绘制 装饰 星 形 ， 如 图 


”所 示 。 


图 4-44 


4-44 


图 ”技术 要 点 
使 用 “钢笔 工具 ” 
使 用 “和 矩形 工具 ” 
器 ”创建 文字 背景 ; 
使 用 “文字 工具 ”创建 文字 注释 ; 
使 用 “ 星 形 ” 绘 制 装 饰 星 形 。 
图 ”操作 步 又 
运行 llustrator 软 件 ， 新 建文 件 。 
在 工具 箱 中 选择 “钢笔 工具 ”分 .， 在 舞台 中 绘 
制 如 图 4-45 所 示 的 形状 ， 在 “ 描 边 ”面板 中 设 
置 “ 粗 细 ” 为 50pt。 


绘制 形状 ; 
“椭圆 工具 ”和 “路 径 查 找 


TE 
要 GE 
Rd = 


eX 伯 
图 4-45 

菜单 栏 中 选择 “对 象 > 扩展 ”命令 ， 在 弹出 的 

“扩展 ”对 话 框 中 使 用 默认 参数 ， 如 图 4-46 所 示 。 


扩展 


@# 


扩展 


填充 (F) 
描 边 (5) 


将 渐变 扩展 为 


图 4-46 
转换 为 图 形 后 ， 使 用 “直接 选择 工具 ”上 .,， 设 
置 尖 角 的 圆 角 效果 ， 如 图 4-47 所 示 。 


使 用 “钢笔 工具 ” 


恨 .， 在 舞台 中 绘制 如 图 4-48 


所 示 闭 合 的 图 形 。 


图 4-48 


继续 使 用 


“钢笔 工具 ”分 ,， 在 如 图 4-49 所 示 的 


位 置 绘制 形状 ， 在 “ 描 边 ”面板 中 设置 “ 粗 


细 ” 为 50pt。 


党 


中 选择 “对 象 > 扩展 ” 
扩展 ”对 话 框 中 使 用 默认 参数 ， 如 图 4-50 所 示 。 


困 层 


宪 现 州 涛 叶山? 凋 


图 4-49 


命令 ， 在 弹出 的 


扩展 


回填 充 F) 
回 描 边 (S) 


将 渐变 扩展 为 


转换 为 图 形 后 ， 使 


“直接 选择 工具 ”上 ,， 设 


置 尖 角 的 圆 角 效果 ， 如 图 4-51 所 示 。 


使 用 “直接 选择 工具 ”A,， 调 整 控 制 点 ， 如 


图 4-52 所 示 。 
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让: 


图 4-51 图 4-52 
人 OV 使 用 “钢笔 工具 ”人 2.， 在 舞台 中 绘制 如 图 4-53 ps 
所 示 的 闭合 图 形 。 


使 用 “钢笔 工具 ” 依 ,， 在 舞台 中 绘制 一 半 的 心 


4 


® 


他 
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图 3 


27 


形 ， 如 图 4-54 所 示 。 


图 4-57 

《 仿 下 面 将 制作 一 个 镁 空 9 心 形 效果 ， 对 舞台 中 的 
心 形 进行 复制 ， 调 整 心 形 的 大 小 ， 为 了 区 别 可 
以 重新 填充 一 种 颜色 ， 如 图 4-58 所 示 。 


3 图 4-54 
复制 一 半 的 心 形 图 形 到 另 一 侧 ， 如 图 4-55 


所 示 。 


D 


图 4-5 
选择 两 个 心 形 ， 在 “路 径 查 找 器 ”面板 中 单 击 
“ 减 去 顶层 ”按钮 辐 ， 制 作出 镁 空心 形 效 果 ， 
如 图 4-59 所 示 。 


9 


图 4-55 
调整 心 形 后 ， 在 “路 径 查 找 器 ”面板 中 单 击 


“ 联 集 "按钮 别 ， 合 并 为 一 个 图 形 ， 如 图 4-56 


所 示 。 
合并 图 形 后 ， 删 除 多 余 的 点 ， 如 图 4-57 所 示 ， 。 = 
调整 图 形 的 位 置 。 图 4-59 


本 分 别 为 #7b00ac 和 #e80036， 
如 图 4-60 所 示 。 
图 4-60 


复制 图 形 ， 调 整 底部 图 形 的 位 置 ， 并 填充 其 颜 


色 为 #490066， 如 图 4-61 所 示 。 


图 4-61 
《人 @ 使 用 “矩形 工具 ” 国 在 舞台 中 创建 答 形 ， 使 
“椭圆 工具 ”@, 创 建 正 圆 形 ， 并 对 其 进行 
复制 ， 然 后 将 其 调整 到 合 
所 示 。 


图 4-62 
ed 正 圆 形 和 和 矩 形 ， 在 “路 径 查 找 器 ”面板 
" 减 去 顶层 ”按钮 略 ， 得 到 如 图 4-63 所 
ee 


号 昌明 邮包 


图 4-63 


适 的 位 置 ， 如 图 4-62 | 


| 全 设置 图 形 的 填充 为 青色 ， 调 整 图 形 的 位 置 和 顺 


序 ， 如 图 4-64 所 示 。 


图 4-64 
全 对 图 形 进行 复制 ， 设置 “ 填 色 ”为 无 ;设置 


“ 描 边 ”为 白色 ， 在 “ 描 边 ”面板 中 设置 “ 描 
边 ”的 “粗细 ”为 4pt， 勾 选 “ 虚 线 ” 复 选 框 ， 
如 图 4-65 所 示 。 


= 
“Ee 
-er 
fu 和 
rr] 去 图 
PA 


图 4-65 


| 人 设置 的 描 边 效果 如 图 4-66 所 示 。 


图 4-66 


使 用 “钢笔 工具 ”分 .， 在 舞台 中 绘制 简单 的 怒 
膀 效果 ， 并 将 其 放置 到 如 图 4-67 所 示 的 位 置 ， 
调整 其 排列 ， 设 置 填 色 为 渐变 ， 在 “渐变 ”而 
板 中 设置 由 # 和 E0090 到 白色 的 渐变 。 

复制 图 形 ， 并 为 其 设置 阴影 效果 ， 如 图 4-68 
所 示 。 
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图 4-68 


使 用 “文字 


工具 ”T.,， 在 舞台 中 如 图 4-69 所 示 


的 位 置 创建 文字 ， 设 置 文字 的 颜色 。 使 用 " 直 
线段 工具 ”7. 创 建 线 ， 设 置 线 为 和 白色， 设置 合 


适 的 粗细 。 


图 4-69 


在 工具 箱 中 选择 “ 星 形 工 具 ” 售 ,， 在 舞台 中 


击 鼠 标 左 键 ， 在 弹出 的 “ 星 形 ” 对 话 框 中 设 


置 合适 的 参 
所 示 。 


数 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 4-70 


半径 1(1): 25 px 


半径 2(2): 50 px 


角 点 数 (P): [2 上 


人 在 舞台 中 调整 星 形 的 大 小 和 位 置 ， 复制 星 形 ， 
得 到 如 图 4-71 所 示 的 效果 。 


图 4-71 
至 此 ， 本 案例 制作 完成 ， 可 以 为 艺术 字 创 建 一 
个 矩形 作为 背景 ， 如 图 4-72 所 示 。 


了 了 商业 案例 二 一 游戏 艺术 字 
标题 设计 


4.4.1 “设计 思路 
[oa 
扫 码 看 视频 
本 案例 是 一 个 游戏 艺术 字 标 题 设 计 项 目 。 


游戏 是 一 种 娱乐 和 休闲 的 方式 ， 游 戏 的 方式 
也 随 着 科技 的 发 展 进行 转变 ， 已 经 多 为 电子 类 游戏 
了 。 游 戏 的 目的 就 是 使 人 放松 ， 气 弃 工作 、 学 习 的 
压力 以 及 感情 的 困扰 。 游 戏 有 许多 种 类 ， 本 案例 将 
制作 一 款 游戏 中 的 艺术 字 ， 即 一 款 水 晶 和 特效 字 的 
爱心 消 消 看 游戏 ， 希 望 可 以 通过 爱心 和 水 晶 的 形式 
表现 出 艺术 字 的 效果 。 


根据 游戏 的 类 别 ， 将 目标 主要 定义 为 爱心 ， 在 
爱心 的 上 下 分 别 创建 文字 ， 通 过 爱心 和 文字 来 表现 
出 立体 的 效果 ， 通 过 设置 文字 的 高 光 制 作出 高 光 水 
蝇 字 的 效果 。 


4.4.2 配色 方案 
配色 上 采用 较为 积极 和 温暖 的 颜色 。 
主 色 使 用 红色 ， 因 为 爱心 一 般 会 用 红色 调 填 


充 ， 红 色 代表 吉祥 、 喜 庆 、 奔 放 、 激 情 、 斗 志 等 
以 及 积极 乐观 的 态度 ， 如 图 4-73 所 示 。 


辅助 色 将 采用 粉色 、 
字 表 现 丰满 。 没 有 使 用 冷色 
气 弃 烦恼 的 ， 所 以 ， 这 里 使 
颜色 。 


色 和 黄色 ， 使 整个 艺术 
调 是 因为 游戏 是 希望 能 
些 容易 使 人 开心 的 


调整 了 图 4-74 的 三 种 配色 方案 ， 上 图 整体 颜色 
较为 单一 ， 单 一 的 颜色 让 人 感觉 太 过 呆板 ， 中 图 表 
现 一 种 可 爱 的 效果 ， 这 种 配色 方式 也 是 可 以 采取 
的 ， 下 图 为 颜色 较 深 的 配色 方案 ， 这 种 方案 一 般 会 
使 用 在 一 些 比 较 激烈 的 游戏 中 ， 不 适合 休闲 类 风格 
的 游戏 。 


4.4.3 


设计 方法 


本 案例 使 用 又 加 法 来 制作 主题 文字 ， 这 种 方法 
最 为 实用 。 整 体 的 构图 采用 上 下 结构 ， 上 下 两 部 分 
通过 两 个 文字 形成 协调 的 效果 ， 中 间 的 一 箭 穿 心 可 
以 起 到 很 好 的 装饰 作 


4.4.4 同类 作品 欣赏 


阐 乓 邢 10}e44Snll| 笨 准 丑 


4.4.5 ”项 目 实战 


宝 


本 案例 首先 绘制 心 形 ， 调 整 渐变 效果 ; 然后 
创建 文字 标题 ， 并 将 文字 转换 为 图 形 ， 设 置 图 形 的 
投影 效果 ; 最 后 设置 副标题 的 文字 效果 ， 如 图 4-75 
所 示 。 


病 井 愉 籼 半 沙 四 河 


本 案例 主要 使 用 “钢笔 工具 ”绘制 心 形 ; 

使 用 “渐变 工具 ”调整 渐变 效果 ; 

使 用 “画笔 工具 ”绘制 高 光 ; 

使 用 “扩展 ”命令 将 文字 转换 为 图 形 ; 

使 用 “文字 工具 ”和 “路 径 文字 工具 ”创建 文 
字 标 题 ; 

使 用 “投影 ”命令 设置 图 形 的 投影 效果 ; 

使 用 “图 形 样式 库 > 涂抹 效果 ”命令 设置 副 标 
题 的 文字 效果 。 


运行 llustrator 软 件 ， 新 建文 件 。 
在 工具 箱 中 选择 “钢笔 工具 ”分 .， 在 舞台 中 绘 
制 如 图 4-76 所 示 的 心 形 形 状 。 


RS 


Ou “ 描 边 ”为 无 ， 设 置 填充 为 渐变 ， 在 “ 渐 
面板 中 设置 渐变 “类 型 ”为 “线性 ”， 
填充 的 渐变 颜色 由 #ffa37e 到 #ffd8ac， 如 
图 4-77 所 示 。 


选择 最 底部 的 心 形 ， 按 Ctrl+C 组 合 键 ， 复 制 心 
形 ， 按 Ctrl+B 组 合 键 ， 粘 贴 到 后 面 ， 设 置 “ 描 
边 ”的 “粗细 ”为 10pt， 设置 “ 描 边 ”的 颜色 
为 白色 ， 如 图 4-80 所 示 。 


图 4-80 
( 命 按 Cet+C 组 合 键 和 Ctl+B 组 合 键 ， 复制 心 形 到 后 
面 ， 设 置 合适 的 描 边 ， 设 置 其 颜色 为 浅 灰 色 ， 
如 图 4-81 所 示 。 


图 4-77 
OO 按 Ctl+C 组 合 键 ， 复制 心 形 ， 按 Ctrl+F 组 合 键 ， 
粘贴 到 图 形 的 前 方 ， 调 整 图 形 的 大 小 ， 使 用 
“直接 选择 工具 ”上 人 ,， 将 粘贴 的 心 形 底部 的 尖 
角 设 置 为 圆 角 效果 ， 在 “渐变 ”面板 中 设置 渐 
变 的 类 型 为 “线性 ”， 设 置 渐变 颜色 由 #ffbfSb 

到 #fffac， 如 图 4-78 所 示 。 


手 沁 改 着 叶山 让 


图 4-81 
再 复制 一 个 心 形 ， 将 其 放置 到 灰色 心 形 的 上 
方 ， 设 置 颜色 为 浅 紫色 ， 调 整 位 置 。 因 为 复制 
的 形状 有 描 边 ， 需 要 将 其 转换 为 填充 的 图 形 。 
在 菜单 栏 中 选择 “对 象 > 扩展 ”命令 ， 在 弹出 的 
“扩展 ”对 话 框 中 勾 选 “填充 ”和 “ 描 边 ” 复 
选 框 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 4-82 所 示 。 


图 4-78 

OO 按 cutC 组 合 键 ， 复制 心 形 ， 然 后 按 Ctrl+F 组 合 

键 ， 在 “渐变 ”面板 中 设置 渐变 的 类 型 为 “ 径 

向 ”， 设 置 渐变 由 # f0f0f0 到 # ffbf5b， 设 置 长 宽 
比 为 200%， 如 图 4-79 所 示 。 


CE 
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调整 心 形 的 效果 ， 如 图 4-83 所 示 。 


使 用 “钢笔 工具 ” 痕 . 在 心 形 的 上 方 创建 一 个 
弧 形 的 路 径 ， 在 工具 箱 中 选择 “路 径 文 字 工 
具 ” 国 ， 在 舞台 中 的 路 径 上 单 击 ， 并 创建 文 
字 ， 如 图 4-84 所 示 。 


选择 创建 的 文字 ， 在 菜单 栏 中 选择 “对 象 > 扩 
展 ”命令 ， 在 弹出 的 “扩展 ”对 话 框 中 使 用 默 
认 的 参数 ， 如 图 4-85 所 示 。 


扩展 文字 后 ， 在 “属性 ”面板 中 单 击 “ 取 消 编 
组 ”按钮 ， 在 舞台 中 调整 单个 文字 图 形 的 效 


果 ， 如 图 4-86 所 示 。 


选择 创建 的 文字 ， 在 工具 箱 中 双击 “ 填 色 ” 按 
钮 ， 在 弹出 的 “ 拾 色 器 ”对 话 框 中 设置 颜色 为 
#ffc8gc9， 如 图 4-87 所 示 。 


a 
3 
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选择 所 有 的 文字 ， 按 Ctrl+C 和 Ctrl+F 组 合 键 ， 复 
制 文字 图 形 ， 设 置 “ 描 边 ” 的 颜色 为 #660020， 
设置 “ 描 边 ”的 粗细 为 30pt， 如 图 4-88 所 示 。 


调整 好 “ 描 边 ”后 ， 按 Ctrl+[ 组 合 键 ， 将 其 排列 
到 下 一 层 ， 如 图 4-89 所 示 。 


人 对 文字 进行 复制 ， 调整 文字 的 位 置 ， 重新 设置 
填 色 为 #ffb0ee， 如 图 4-90 所 示 。 


:Ea 


复制 文字 ， 调 整 位 置 ， 设置 “ 描 边 ”为 白 
色 ， 填 色 为 #f85ba， 如 图 4-91 所 示 。 


《@ 继续 复制 文字 图 形 ， 调整 位 置 ， 设 置 填 色 为 由 
粉色 到 黄色 的 渐变 ， 如 图 4-92 所 示 。 


在 工具 箱 中 选择 “画笔 工具 ”x.， 在 工具 属性 
栏 中 设置 画笔 的 笔触 参数 ， 如 图 4-93 所 示 ， 创 
建 出 高 光 效 果 。 


在 舞台 的 空 


处 创建 一 个 心 形 ， 


为 #7b1837， 如 


bg 


4-94 所 示 。 


图 4-94 


#bc0b27， 如 图 4-96 所 示 。 


# ca2233， 如 


贸 


4-96 


全 复制 必 形 ， 调整 心 形 的 大 小 ， 设置" 填 色 ”》 


4-97 所 示 。 


置 “ 填 色 ” 


| 并 调整 心 形 的 大 小 和 圆 角 效果 ， 设 置 “ 
ey 为 #9d172f， 如 图 4-95 所 示 。 


复制 心 形 ， 调 整 必 ee ， 设 置 “ 填 色 ”》 


ea 


继续 复制 两 个 心 形 ， 分 别 设置 “ 填 色 ”为 # eb3834 复制 心 形 ， 并 调整 其 大 小 作为 心 形 高 光 ， 如 
和 # fd738d， 如 图 4-98 所 示 ， 调 整 心 形 的 大 小 和 图 4-101 所 示 。 
位 置 。 


在 工具 箱 中 选择 “画笔 工具 ”x,， 在 工具 属性 
栏 中 设置 画笔 的 笔触 参数 ， 在 如 图 4-102 所 示 的 
位 置 创 建 高 光 效 果 ， 选 择 心 形 的 所 有 图 形 ， 按 
Ctrl+G 组 合 键 将 其 进行 编组 。 


使 用 “钢笔 工具 ”分 ,， 在 舞台 中 创建 形状 ， 
设置 “ 填 色 ”为 和 白色， 设置 “不 透明 度 ” 为 
50%， 如 图 4-99 所 示 。 
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复制 编组 后 的 心 形 ， 调 整 其 位 置 和 大 小 ， 如 
图 4-103 所 示 。 


复制 贺 ， 调 整 排列 至 顶层 ， 设 置 “ 填 色 ” 为 白 
色 ， 设置 “不 透明 度 ” 为 20%， 如 图 4-100 所 
示 ， 调 整 心 形 的 位 置 。 


使 用 “直线 段 工具 ”/.， 在 如 图 4-104 所 示 的 位 
置 创建 线段 。 


在 “ 描 边 ”面板 中 设置 “ 描 边 ”的 “粗细 ”为 10pt， 选 择 箭头 类 型 ， 如 图 4-105 所 示 。 


设置 箭头 的 颜色 为 #b09400， 复 制 箭头 ， 并 设置 
箭头 的 颜色 为 #cfaf00， 使 用 “画笔 工具 ”4.,， 
设置 “ 描 边 ”为 白色 ， 在 工具 属性 栏 中 设置 合 
适 的 笔触 参数 ， 在 箭头 上 绘制 高 光 ， 如 图 4-106 
所 示 。 


修改 箭头 的 长 度 ， 并 在 另 一 端 创建 线 ， 设 置 线 
的 颜色 ， 在 穿 出 箭头 的 位 置 创建 椭圆 ， 设 置 一 
个 较 暗 的 红色 ， 调 整 图 像 之 间 的 排列 ， 完 成 如 
图 4-107 所 示 的 效果 。 


使 用 “直线 段 工具 ”/.,， 创 建 箭 羽 ， 如 图 4-108 
所 示 。 
在 舞台 中 将 文字 编组 ， 将 爱心 编组 ， 将 一 箭 穿 
心 的 爱心 也 编组 。 编 组 后 ， 为 其 文字 和 一 箭 穿 
心 图 形 设 置 投影 ， 设 置 合适 的 参数 即 可 ， 如 
图 4-109 所 示 。 


边 全 : 国 @G RH: 10 > 
对 齐 插 边 - 大 上 三 万 


口 虚线 


使 用 “文字 了 


|= 
填 放 : C 100% lx 六 


对 :二 国 


创建 文字 。 


[ 具 ”T,， 在 如 图 4-111 所 示 的 位 置 


选择 创建 的 文字 ， 在 菜单 栏 中 选择 “对 象 > 扩 
展 ”命令 ， 在 弹出 的 “扩展 ”对 话 框 中 使 用 默 
认 的 参数 ， 单 击 “ 确 定 ”按钮 ， 如 图 4-112 所 示 。 
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在 菜单 栏 中 选择 “窗口 > 图 形 样式 库 > 涂 抹 效 
果 ” 命 令 ， 打开 “涂抹 效果 ”面板 ,为 扩展 后 
的 文字 添加 一 个 涂抹 效果 ， 如 图 4-113 所 示 。 
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为 设置 的 艺术 效果 添加 “投影 ”， 完 成 本 案例 
的 制作 ， 如 图 4-114 所 示 。 


户外 广告 概述 


户外 广告 (Out Door) 简称 OD， 
楼 项 ， 


的 交通 要 道 两 侧 ， 建 筑 物 墙 面 、 
前 、 路 边 等 户外 场地 设置 的 发 布 信 
的 广告 形式 包括 招贴 、 海 报 、 路 牌 、 
屏 、 和 灯箱、 气球、 飞艇、 车厢、 
及 着 信 们 生活 空间 的 扩展 以 及 
地 铁 、 公 3 超市 、 


提升， 轻轨 、 


场 等 地 方 ， 都 会 充斥 着 各 种 形式 的 三 


处 不 在 。 


5.1.1 户外 广告 的 常用 类 
根据 广 

常见 的 户外 广 
(1) 射 灯 广 


! 外 传播 媒介 的 不 同 ， 
告 类 型 
: 射 灯 广 


生 且 
万 下 


他 照明 照射 到 广告 牌 ， 
效果 
(2) 霓虹灯 广告 : 霓虹灯 广 
霓虹灯 管 组 合成 的 文字 或 图 案 ， 


所 示 。 


生活 水 


药店 、 


型 


首 在 广告 
站 有 身 条 或 其 他 归 明 装备 的 广告 牌 
可 以 使 广告 牌 产生 
且 能 清晰 地 看 到 广告 内 容 ， 如 图 5-1 所 示 。 


通过 身 


告 是 指 旧 


可 以 使 


户外 广告 


是 指 利用 建筑 物 、 构 筑 物 、 道 路 、 交 通 等 市 政 设 


施 、 交 通 工具 以 及 其 他 户外 载体 ， 将 广告 传达 给 大 众 的 一 种 广 
告 媒体 方式 。 户 外 广告 的 涵盖 范围 非常 广 ， 室 外 的 所 有 设施 只 


要 被 允许 都 可 以 进行 广告 张贴 。 


本 章 主要 讲述 户外 广告 的 形式 、 类 型 、 优 点 与 缺点 、 
原则 等 内 容 。 


主要 是 指 城市 
商业 区 的 门 
ee 


主要 
、 电 子 


es 


平 的 不 断 


商场 、 机 
告 媒体 ， 且 无 


可 以 分 为 以 下 几 种 


牌 四 周 
时 灯 或 其 
E 常 好 的 


弯曲 的 
不 同 的 


- 灯 管 颜色 ， 制 作出 五 彩 缤纷 的 效果 ， 如 图 5-2 


(3) 单 立 柱 广 告 : 
于 特 设 的 支撑 柱 上 ， 以 立柱 式 T 形 或 P 形 较为 常见 ， 


单 立 柱 广 


多 放置 在 交通 的 主 
所 示 。 


道 等 车 流 密集 的 地 方 ， 如 


设计 


告 是 指 广告 牌 置 


5-3 


儿 乓 到 JOBHS 


1 


ETRIERTES 


图 5-3 

(4) 灯箱 广告 : 置 于 建筑 物 外 墙 、 楼 顶 或 衬 
楼 等 广告 位 置 ， 白 天 是 彩色 的 广告 牌 ， 晚 上 则 是 发 
光 的 灯箱 广告 ， 如 图 5-4 所 示 。 


QUTDOOR 
MOCK=UP 


图 5-4 

户外 广告 根据 材质 和 分 布 可 分 为 平面 和 立体 两 
大 类 : 平面 的 有 路 牌 广告 、 招 贴 广告 、 壁 墙 广告 、 
海报 、 条 幅 等 。 立 体 广告 分 为 尝 虹 灯 、 广 告 柱 、 广 
告 塔 灯箱 广告 以 及 户外 液晶 广告 机 等 。 在 户外 广 
告 中 ， 路 牌 、 招 贴 是 最 重要 的 两 种 形式 ， 影 响 很 
大 。 设 计 制 作 精美 的 户外 广告 会 成 为 一 个 地 区 的 
象征 。 


| 5.1.2 户外 广告 的 优点 与 缺点 


户外 广告 是 一 种 最 为 常见 的 宣传 手段 ， 能 够 将 
品牌 和 宣传 内 容 快 速 地 传达 给 户外 活动 的 人 。 下 面 
来 分 析 户 外 广告 的 优点 与 缺点 。 
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率 。 据 调查 显示 ， 户 外 媒体 的 传达 率 仅 次 于 电视 媒 
体 广 告 ， 位 居 第 二 。 户 外 广告 在 一 些 公共 场所 会 起 
到 很 好 的 视觉 冲击 效果 ， 户 外 广告 在 人 们 闲散 漫 
步 、 轻 松 的 时 刻 出 现 ， 能 起 到 使 其 容易 接受 的 营销 
效果 。 有 些 知 名 的 户外 广告 牌 ， 也 会 因为 它 的 持久 
性 和 突出 性 而 成 为 当地 的 标志 ， 特 别 是 气球 广告 和 
灯箱 广告 ， 这 些 广告 都 有 自己 的 特色 ， 更 加 使 人 印 
象 深刻 。 另 外 ， 户 外 广告 相对 于 电视 等 媒体 广告 来 
说 成 本 费用 较 低 ， 且 发 布 时 间 段 长 ， 会 让 许多 人 重 
复 看 到 。 

(2) 缺点 : 缺点 就 是 位 置 不 能 变换 ， 履 盖 
面积 较 小 ， 宣 传 面积 小 。 由 于 户外 的 对 象 不 能 
精确 地 预 估 ， 所 以 针对 的 人 群 会 有 些 偏 差 ， 有 
时 人 们 在 同一 时 间 可 能 会 接触 到 许多 广告 ， 所 
以 要 给 人 们 留 下 深刻 的 印象 就 要 做 到 有 特色 、 
特点 。 


| 5.1.3 “户外 广告 的 设计 原则 


在 现代 设计 中 ， 户 外 设计 作为 最 普遍 的 艺术 
设计 形式 ， 不 仅 与 传统 的 图 形 设计 相关 ， 更 是 与 当 
代 社 会 生活 紧密 联系 。 在 追求 广告 带 来 的 利益 的 同 
时 ， 还 要 遵循 一 些 基本 的 户外 广告 设计 原则 ， 从 而 
创造 出 独一无二 ， 具 有 高 价值 的 户外 广告 。 

(1) 独特 性 。 每 个 品牌 都 有 其 自身 的 特色 
其 标志 也 必须 彰显 独一无二 的 文化 特色 。 

(2) 提示 性 。 户 外 广告 的 受众 是 流动 的 行 
人 ， 所 以 在 设计 中 要 考虑 到 受众 经 过 广告 时 的 效 
果 ， 只 有 简洁 明了 的 画面 和 提示 性 的 形式 才 会 引起 
行人 注意 ， 才 能 吸引 受众 观看 广告 。 

(3) 简洁 性 。 户 外 广告 能 避免 其 他 内 容 及 竞 
争 广告 的 干扰 。 

(4) 计划 性 。 有 计划 的 设计 者 有 一 定 的 目标 
和 广告 战略 ， 广 告 设计 的 方向 才 不 会 迷失 

(5) 遵循 图 形 设计 的 美学 原则 。 户 外 广告 都 
有 图 像 和 文字 ， 以 推销 产品 为 目的 进行 设计 能 吸引 
人 们 的 注意 。 
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5.2.1 “设计 思路 


本 案例 为 户外 围 挡 的 建筑 楼 盘 广 告 设计 项 目 。 


本 案例 的 设计 项 目 处 于 山脚 下 ， 并 在 社区 中 


开发 一 个 人 工 湖 ， 供 人 们 打发 闲散 时 光 、 休 息 和 观 
赏 ， 当 然 大 体 建筑 雏形 已 经 构思 好 ， 需 要 在 建筑 工 
地 的 四 周 设计 本 社区 的 围 挡 广 告 ， 广 告 要 突出 依 山 
傍 水 的 效果 。 
图 ”设计 定位 


由 于 是 户外 广告 的 设计 ， 所 以 内 容 方面 一 定 


要 突出 主题 和 公司 的 标志 。 在 本 案例 中 将 主要 突出 


公司 的 代表 团 、 公 司 的 主要 口号 、 标 题 以 及 公司 的 


我 们 采用 卡通 形式 的 中 式 风格 ， 来 突出 山 和 


水 ， 并 在 别墅 周围 环绕 绿 植 ， 突 出 主题 的 人 性 化 
以 及 社区 的 环境 优势 。 


5.2.2 “配色 方案 


配色 上 选用 绿色 作为 主 色 调 ， 因 为 要 处 于 自然 


环境 中 ， 所 以 采用 了 大 量 的 卡通 树 ， 并 使 用 简单 的 


F 绘 方法 绘制 出 山 和 水 ， 凸 显 优美 的 自然 环境 ， 如 


5-5 所 示 。 


列 ， 这 样 的 构 
中 心 位 置 。 


15.2.3 户外 广告 的 构图 方式 


本 案例 将 采用 中 心 构图 方式 ， 将 3 


E 要 内 容 放 置 


到 中 心 位 置 ， 其 他 内 容 根据 主要 内 容 依次 在 四 周 
图 方式 会 将 人 们 的 眼光 吸引 到 突出 的 


| 5.2.4 ”同类 作品 欣赏 


排 
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| 5.2.5 “项 目 实战 


换 轮 
光量 
本 案 


操作 ， 只 要 有 了 耐心 绘制 和 修改 即 可 


制作 流程 


本 案例 首先 绘制 底部 背景 和 水 面 ， 调 整 渐变 
效果 ; 然后 绘制 山 、 树 等 形状 ， 设 置 模糊 效果 ， 转 


廓 为 图 形 ， 裁 剪 不 需要 的 图 像 
模拟 高 光 、 纹 理 、 水 面 高 光 ， 


区 域 ， 最 后 绘制 
以 及 创建 文字 。 


例 制 作 步 又 繁多 ,但 只 是 重复 了 一 些 简单 的 


所 示 。 


[完成 ， 如 图 5-6 


使 用 “和 矩形 工具 ”绘制 底部 背景 和 水 面 ; 


使 用 “渐变 工具 ”调整 渐变 效果 ; 


使 用 “钢笔 工具 ” 绘 4 


庆 山 、 树 等 形状 ; 


使 用 “扩展 ”和 “ 扩 
图 形 ; 


展 外 观 ” 命 令 转 换 轮廓 为 


使 用 “裁剪 图 形 ”命令 裁剪 不 需要 的 图 像 


区 域 ; 


使 用 “ 光 晕 工具 ”绘制 光 晕 模拟 高 光 ; 
使 用 “画笔 工具 ”绘制 高 光 和 纹理 ; 
使 用 “艺术 效果 油墨 ”绘制 水 面 高 光 ; 
使 用 “文字 工具 ”创建 文字 。 


国 ”操作 步骤 


设置 背景 


根据 案例 的 设计 思路 ， 首 先 设 置 场景 的 整体 


颜色 。 


运行 lllustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 5569px、 


“高 度 ” 为 2835px 


， 选 择 “ 颜 色 模式 ”为 


“RGB 颜色 ”， 设 置 “光栅 效果 ”为 “高 
( 300ppi) ”， 单 击 “ 创 建 ”按钮 ， 创 建文 
档 ， 如 图 5-7 所 示 。 


贺 光栅 效果 使 用 提示 


如 果 是 自己 用 来 练习 的 文件 ， 建 议 “光栅 效 
果 ” 使 用 默认 的 “ 低 ”， 如 果 尺 寸 较 大 ， 且 “光栅 
效果 ”为 “高 ”， 计 算 机 绘制 的 图 像 较 多 ， 电 脑 会 
出 现 卡 顿 的 现象 ， 所 以 根据 情况 选择 “光栅 效果 ” 


全 外 建文 档 后 ， 使 用 “和 矩 形 工具 ” 国 . 在 舞台 中 绘 
” 制 与 舞台 相同 大 小 的 矩形 ， 在 “属性 ”面板 中 
可 以 定位 变换 的 位 置 点 ， 设 置 X、Y 的 位 置 ， 妇 


图 5-8 所 示 。 


图 5-8 
选择 作为 背景 的 矩形 ， 在 “渐变 ”面板 中 设置 “类 型 ”为 “线性 ”， 设 置 由 加 6d2cf 到 #dgedec 的 颜色 渐 
变 ， 如 图 5-9 所 示 。 


按 Ctrl+R 组 合 键 ， 显 示 标 尺 ， 向 舞台 拖 描 标尺 辅助 线 ， 如 图 5-10 所 示 。 根 据 辅助 线 来 划分 图 像 的 位 置 ， 


中 心 的 位 置 主要 用 来 添加 标题 ， 周 围 可 以 绘制 图 案 。 


Iu 


图 5-10 
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绘制 山体 

填充 背景 色 后 ， 下 面 将 为 广告 添加 素材 ， 首 先 
要 添加 的 是 山体 素材 ， 因 为 山体 占用 的 面积 较 大 ， 
所 以 我 们 需要 在 制作 过 程 中 有 较 高 的 耐心 ， 不 断 地 
修改 和 调整 才能 完成 满意 的 效果 。 
《6 使 用 “钢笔 工具 ”人 .在 舞台 左 侧 的 位 置 创建 如 


图 5-11 所 示 的 闭合 形状 。 


i 长 到 J01eQSnll 芝 汉 千 
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《的 在 工具 箱 中 设置 “ 填 色 ”为 纯色 ， 双 击 “ 填 
色 ” 色 块 ， 在 弹出 的 “ 拾 色 器 ”对 话 框 中 设置 
填充 的 颜色 为 #2c6c5d， 如 图 5-12 所 示 。 


(全 复制 形状 ， 设 置 图 像 的 填充 为 渐变 ， 设 置 渐变 


的 “类 型 " 为 “线性 ”,， 设置 “角度 ”为 90° ， 
设置 填充 的 颜色 为 #306b5b 到 #3d8c72 到 #d8edec 
的 渐变 ， 如 图 5-14 所 示 。 


(3 调整 形状 的 大 小 和 填 色 后 ， 在 菜单 栏 中 选择 


“效果 > 模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 
斯 模糊 ”对 话 框 中 设置 合适 的 “半径 ”参数 ， 
单 击 “ 确 定 ” 按 钮 ， 如 图 5-15 所 示 。 


2 


口 仅 限 Web 葡 色 (0) 


《人 设置 “ 填 色 ”后 的 效果 如 图 5-13 所 示 。 


Er 


[LL_ | 


臣 


介 ) 设置 模糊 后 的 效果 如 图 5-16 所 示 。 


图 5-16 


(多 选择 设置 模糊 效果 后 的 图 像 ， 在 菜单 栏 中 选择 


“对 象 > 扩展 外 观 ” 命 令 ， 如 图 5-17 所 示 。 


医 Ex=m_ ss sro Wen 
Sn 所 
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人 @@ 设 置 扩 展 后 ， 在 舞台 中 对 山体 进行 复制 和 调 


整 ， 组 合 形成 如 图 5-18 所 示 的 效果 。 


图 5-18 


人 @@ 继续 复制 山体 图 像 到 另 一 侧 ， 如 图 5-19 所 示 。 


图 5-19 


人 在 舞台 中 调整 最 外 侧 的 一 个 山体 ， 将 其 半 个 
山体 放置 到 舞台 的 外 侧 ， 然 后 选择 模糊 后 的 
图 像 ， 在 “属性 ”面板 中 单 击 “ 裁 剪 图 像 ” 按 


钮 ， 如 图 5-20 所 示 。 


《人 在 舞台 中 调整 裁剪 域 ， 在 “属性 ”面板 中 单 


击 “ 应 用 ”按钮 ， 如 图 5-21 所 示 。 


层 任 


a 
sl 
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选择 模糊 后 的 山体 图 像 ， 可 以 通过 路 径 的 一 些 
修改 工具 对 其 进行 调整 ， 也 可 以 在 如 图 5-22 所 
示 的 位 置 创建 一 个 和 矩形， 在 “路 径 查 找 器 ” 面 
板 中 单 击 “ 减 去 顶层 ”按钮 拍 。 


人 念 得 到 的 右 侧 山体 效果 如 图 5-23 所 示 。 
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人 @ 合 “钢笔 工具 ”分 ,， 在 舞台 中 绘制 如 图 5-24 


所 示 的 形状 ， 设 置 填充 为 渐变 ， 在 “渐变 ” 
板 中 设置 “类 型 ”为 “ 径 向 ” 
为 -50.3° ， 设 置 长 宽 比 为 80%， 设 置 由 #f0f0f0 
到 #ab65ff 的 颜色 渐变 ， 可 以 使 用 “渐变 填 
充 ” 国 调整 渐变 的 位 置 。 
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图 5-24 

在 “属性 ”面板 中 按 住 饼 标 左 键 拖 披 填 色 色 块 
到 描 边 上 ， 设置“ 描 边 ”与 “ 填 色 ” 为 同样 的 
渐变 ， 设置 “ 描 边 ”的 粗细 为 5pt， 如 图 5-25 
所 示 。 


og 后 5407 px 证: 414 px 
”3388 px ;448 px 
:0 ~ 证 对 


外 要 


相册 
回 jss 


图 a 0x > 


图 5-25 
使 用 “钢笔 工具 ”分 .， 在 舞台 中 如 图 5-26 所 示 
的 位 置 创 建 线 ， 选 择 创建 的 线 ， 在 “属性 ” 


面板 中 设置 “ 描 边 ”的 颜色 为 白色 ， 粗 细 为 | 


30pt，“ 不 透明 度 ” 为 50%， 作 为 高 光 。 


出 的 隐藏 工具 中 选择 “ 光 晕 工 具 ” 国 ， 在 舞台 
中 拖 忠 创建 光量 ， 如 图 5-27 所 示 。 选 中 图 像 按 
Ctrl+G 组 合 键 进行 编组 。 


， 设 置 角度 | 


| 对 | wx 


在 工具 箱 中 单 击 并 按 住 “矩形 工具 ” 园 ,， 在 弹 


og 5412.5p 宣 : 90 px 


及 


3429.5 p 商 : 244 px 


图 5-27 
按 Ctrl+C 和 Ctrl+B 组 合 键 ， 复 制 并 粘贴 图 像 到 后 


面 ， 调 整 其 大 小 ， 双 击 进入 对 象 的 编辑 层级 ， 
选择 形状 ， 设 置 白 色 到 粉色 的 渐变 ， 如 图 5-28 
所 示 。 


DE 
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图 5-28 

使 用 同样 的 方法 复制 图 像 ， 并 修改 其 颜色 ， 将 
每 一 层 的 水 晶 山 体 石 块 进行 编组 ， 在 “对 齐 ” 
面板 中 单 击 “ 底 部 对 齐 ” 按 钮 胆 ， 如 图 5-29 


所 示 。 


@ 创建 的 蒙 版 效果 如 图 5-32 所 示 。 


| 


人 使 “画笔 工具 ”x.， 在 工具 属性 栏 中 选择 合 
适 的 笔触 ， 设 置 颜色 为 白色 ， 绘 制 高 光 效果 ， 
如 图 5-30 所 示 。 


图 5-32 
对 图 像 进行 复制 ， 修 改 复制 后 图 像 的 颜色 ， 如 
图 5-33 所 示 。 


图 5-33 
| 使 用 “钢笔 工具 ”分 .， 在 舞台 的 外 侧 创 建 右 侧 
图 5-30 的 山体 ， 设 置 填充 为 渐变 ， 设 置 合适 的 渐变 颜 
在 舞台 中 绘制 如 图 5-31 所 示 的 和 矩形， 在 “ 属 色 即 可 ， 并 对 其 进行 复制 修改 ， 制 作出 不 同形 
性 "面板 中 单 击 “ 建 立 剪 切 蒙 版 "按钮 。 状 的 轮廓 效果 ， 如 图 5-34 所 示 。 


ETESITTET 


图 5-34 
创建 形状 并 调整 填充 ， 设 置 合适 的 排列 效果 ， 
如 图 5-35 所 示 。 


贺 建立 剪 切 蒙 版 的 使 用 提示 
使 用 “建立 剪 切 蒙 版 ”功能 ， 可 以 根据 上 方 的 


图 像 ， 为 其 下 面 的 图 像 进行 徐 单 ， 让 单 的 方式 就 是 
图 像 以 外 的 将 被 隐藏 ， 遮 单 图 像 将 被 显示 。 
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202 图 像 ， 修 改 图 像 的 颜色 和 排列 ， 如 图 5-36 
所 示 。 


图 5-36 
绘制 迎 客 松 
迎 客 松 的 绘制 与 山体 的 绘制 基本 相同 ， 同 样 都 

是 不 规则 的 形状 ， 为 不 规则 的 形状 填充 渐变 ， 然 后 

不 断 复制 图 像 模拟 出 层次 效果 。 

(小 “钢笔 工具 ”分 .， 在 舞台 中 创建 如 图 5-37 
所 示 的 树干 和 树枝 ， 设 置 合适 的 渐变 填充 ， 复 
制图 像 到 后 方 作为 轮廓 ， 修 改作 为 轮廓 的 图 像 
的 渐变 颜色 。 


图 5-37 
人 @@ 合 “画笔 工具 ”4.， 在 舞台 中 绘制 如 图 5-38 
所 示 的 纹理 。 


me 


图 5-38 
【03 “ 描 边 ”面板 中 设置 “粗细 ”为 3pt， 如 图 5-39 
所 示 。 
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配置 文件 


图 5-39 
人 @@ 合 “钢笔 工具 ”分 ,， 在 舞台 中 创建 树叶 形 
状 ， 设置 “ 描 边 ” 为 无 ， 设 置 填充 为 渐变 ， 在 
“渐变 ”面板 中 设置 “类 型 ”为 “线性 ”， 设 
置 角 度 为 -600 ， 设 置 由 #009443 到 #005532 的 渐 
变 ， 使 用 “渐变 填充 ” 国 调 整 渐变 的 效果 ， 欠 

图 $-40 所 示 。 


图 5-40 
@ 按 Ctrl+C 和 Ctrl+B 组 合 键 ， 调 整 复制 出 的 图 像 的 
大 小 ， 修 改 其 填充 为 由 #c0b832 到 #718a3a 的 渐 
变 ， 如 图 5-41 所 示 。 
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图 5-41 


个 按 Ctrl+C 和 Ctrl+B 组 合 键 ， 调 整 复制 出 的 图 像 的 
大 小 ， 修 改 其 填充 为 由 # e5ca86 到 # 718a83 的 渐 


变 ， 如 图 5-42 所 示 。 


使 用 “画笔 工具 ”4. 在 舞台 中 绘制 纹理 ， 如 图 5-43 所 示 ， 设 置 合适 的 属性 即 可 ， 选 择 叶 子 的 图 形 ， 按 
Ctrl+G 组 合 键 将 图 像 编组 。 


图 5-43 

人 @ 在 舞台 中 复制 并 调整 叶子 ， 然后 在 如 图 5-44 所 示 的 位 置 创建 矩 形 ， 选 择 矩 形 和 需要 多 别 的 图 像 ， 单 击 
“建立 剪 切 蒙 版 ”按钮 。 

人 @ 制作 出 的 树 效果 如 图 5-45 所 示 。 


制作 水 面 

水 面 的 效果 相对 简单 一 些 ， 主 要 是 制作 出 静物 的 投影 ， 并 模拟 出 波纹 的 效果 即 可 。 

使 用 “和 矩 形 工具 ” 国 . 在 舞台 中 创建 和 矩 形 ， 调 整合 适 的 位 置 和 大 小 ， 如 图 5-46 所 示 ， 设 置 填 色 为 渐变 ， 
在 “渐变 ”面板 中 选择 “类 型 ”为 “线性 ”， 设置 “角度 ”为 900? ， 设 置 由 #7fec 全 到 #15a9ff 的 渐变 ， 
使 用 “渐变 填充 ” 国 调整 渐变 的 效果 。 
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使 用 “画笔 工具 ”zf,， 在 “艺术 效果 油墨 ”面板 中 选择 如 图 5-47 所 示 的 画笔 笔触 ， 在 舞台 中 绘制 形 
状 ， 设置 合适 的 “ 描 边 ”粗细 ， 颜 色 设置 为 白色 。 将 绘制 的 山 和 树 图 像 成 组 ， 复 制 、 翻 转 图 像 的 角 
度 ， 作 为 水 面 的 倒影 ， 设 置 合适 的 “不 透明 度 ” 即 可 。 


手 沪 咱 直 六 于 项 9 浊 
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在 舞台 中 绘制 多 个 画笔 形状 ， 设 置 合适 的 、 不 同 的 粗细 ， 设 置 “ 填 色 ” 为 白色， 设置 “不 透明 度 ” 为 
50%， 如 图 5-48 所 示 。 


装饰 建筑 爷 在 舞台 中 单 击 ， 即 可 将 素材 置 入 舞台 中 ， 调 整 


建筑 是 日 常生 活 中 的 主角 之 一 ， 为 了 与 整体 效 ”素材 的 大 小 ， 如 图 5-50 所 示 。 
果 相 符 ， 我 们 将 在 周围 装饰 一 些 树木 ， 使 整个 效果 


搭配 起 来 更 加 和 谐 。 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配 备 资源 中 的 “ 建 
筑 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 5-49 
所 示 。 


售 技 Chl[ 组 合 键 ， 将 其 放置 到 山体 图 像 的 后 方 ， 
如 图 5-51 所 示 。 
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@ 合 “钢笔 工具 ”分 ,， 在 舞台 中 绘制 如 图 5-52 所 
示 的 简易 树 效果 ， 设 置 填充 为 白色 到 深 绿色 的 渐 
变 ， 调 整 至 合适 的 效果 即 可 ， 将 树 图 像 编组 。 


Ar 


图 5-52 
售 在 舞台 中 复制 并 调整 树林 效果 ， 如 图 5-53 
所 示 。 


添加 信息 和 最 终 效 果 调 整 
这 样 图 像 整 体 效 果 就 制作 完成 了 ， 下 面 将 创建 
广告 标题 、 标 志 内 容 ， 调 整 出 最 终 的 广告 效果 。 
人 使用 “文字 工具 ”TT, 在 舞台 中 创建 文字 ， 设 置 
合适 的 字体 和 大 小 ， 使 用 “扩展 ”命令 取消 编 
组 ， 并 调整 文字 图 形 的 位 置 。 
@@ 合 “画笔 工具 ”A.， 选 择 一 个 合适 的 笔触 ， 
绘制 方形 底 纹 ， 可 以 复制 多 个 底 纹 图 像 ， 产 
生 不 透明 的 效果 ， 设 置 颜色 为 红色 ， 如 图 5-54 
所 示 。 


在 舞台 中 选择 作为 背景 的 矩形 ， 按 Ctrl+C 和 
Ctrl+F 组 合 键 ， 再 按 Ctrl+] 组 合 键 ， 调 整 矩形 到 
最 上 方 ， 作 为 遮 章 图 形 ， 全 选 舞台 中 的 图 形 ， 
在 “属性 ”面板 中 单 击 “ 建 立 剪 切 蒙 版 ” 按 
钮 ， 如 图 5-57 所 示 。 


ET ET 


CTEETOCETETIETRE3 


四 洁 询 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 

“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “未 
标题 -1.png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 5-58 
所 示 。 


-Xs 夫 


i EE) ~ |- 一 一 一 
| 
W300ownlor xorg | iorg | >: 


表 Asoeecc 霹 


图 5-58 
(置信 并 调整 素材 的 位 置 ， 如 图 5-59 所 示 。 


灯箱 广 


5.3 商业 案例 一 室内 装修 户外 灯箱 广告 设计 


| 5.3:1 设计 思路 


加 ”案例 类 型 
本 案例 为 室内 装修 的 户外 灯箱 广告 设计 项 目 。 
回 ”项 目 诉求 


及 


illa 


View Villa 


藏 ， 


图 5-59 
至 此 ， 本 案例 制作 完成 。 


贺 隐藏 /显示 参考 线 的 提示 和 技巧 


完成 作品 制作 后 ， 在 菜单 栏 中 选择 “视图 > 参 


考 线 > 隐藏 参考 线 ” 命 令 ， 可 以 将 当前 的 参考 线 隐 
以 便于 观察 效果 ; 如 果 想 再 次 显示 出 参考 线 ， 
选择 “视图 > 参考 线 > 显示 参考 线 ” 命 令 即 可 。 


如 果 添 加 参考 线 不 正确 ， 可 以 在 不 选择 对 象 的 


前 提 下 单 击 参考 线 ， 按 Delete 键 删除 参考 线 。 


室内 装修 包括 房间 设计 、 装 修 、 布 置 等 ， 偏 重 于 建筑 物 内 部 的 装修 建设 。 随 着 社会 的 发 展 ， 人 们 生活 
水 平 的 提高 ， 对 居住 环境 的 要 求 也 越 来 越 高 ， 根 据 这 个 趋势 ， 室 内 装修 行业 也 逐步 日 益 兴 盛 ， 如 图 5-60 所 


示 。 本 案例 将 制作 一 个 醒目 的 灯箱 广告 ， 其 中 添加 一 些 丰 
意 力 即 可 。 
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以 吸引 眼球 的 装饰 


6 素材 ， 只 要 可 以 吸引 人 们 的 注 


使 用 这 些 饱和 度 非 常 高 的 主 色调 来 制作 背景 。 色 彩 
鸭 饱 和 度 高 ， 搭 配 舒适 即 可 吸引 人 们 的 注意 力 ， 特 
别 是 绿色 与 黄色 的 搭配 ， 有 一 种 视觉 的 冲击 效果 
因为 背景 采用 了 饱和 度 很 高 的 颜色 ， 所 以 主题 采用 
较为 平静 的 白色 和 灰色 ， 这 样 可 以 在 视觉 的 冲击 
下 ， 再 将 目标 定位 到 主 标题 上 ， 使 整个 版 面 的 色彩 
较为 互补 。 


| 5.3.3 “构图 方式 


本 案例 的 构图 方式 为 椭圆 构图 和 上 下 构图 ， 将 
主 标题 放置 在 椭圆 中 ， 将 其 他 信息 内 容 放 在 主 标题 
的 下 方 ， 整 个 构图 比较 均衡 。 


图 5-60 
加 ”设计 定位 | 5.3.4 同类 作品 欣赏 
根据 客户 需求 ， 将 使 用 斜 线条 作为 背景 ， 这 样 
的 背景 可 以 采用 两 种 颜色 ， 使 色彩 更 加 丰富 。 主 题 
将 采用 立体 化 广告 语 进行 设计 ， 这 种 立体 化 的 广告 
语 可 以 体现 出 个 性 与 时 尚 ， 在 此 效果 的 基础 上 还 将 
添加 一 些 装饰 性 的 图 像 ， 例 如 礼包 、 丝 绸 等 一 些 可 
以 冲击 视觉 的 素材 ， 如 图 $-61 所 示 。 


宪 沿 哩 上 疗 卫 山 95 泪 


| 5.3:5 “项 目 实战 


国 ”制作 流程 

本 案例 首先 创建 矩形 作为 背景 ， 再 创建 不 规则 
的 形状 ， 设 置 投影 效果 ; 然后 创建 文字 ， 将 轮廓 转 
换 为 图 形 ， 设 置 图 形 的 立体 化 ， 最 后 创建 星 形 作为 
装饰 ， 建 立 剪 切 蒙 版 ， 如 图 5-62 所 示 。 


图 5-61 


| 5.3.2 ”配色 方案 


配色 上 将 采用 绿色 、 橘 红 和 黄色 作为 主 色 调 ， 
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未 标题 3 


x 本 | EE 
| 2 es | 


图 5-63 

你 名 建文 悄 后 ， 使 用 “和 珑 形 工具 ” 围 , 绘 制 与 舞 
合 相同 大 小 的 和 矩形， 在 “属性 ”面板 中 可 以 定 
位 变换 的 位 置 点 ， 设 置 X、Y 的 位 置 ， 如 图 5-64 
所 示 。 


我 们 最 专业 |》 我 们 最 专业 


TIEETIETETIETZE 


宣 


图 5-62 


ET 


加 ”技术 要 点 
使 用 “和 矩形 工具 ”创建 矩 形 作为 背景 ; 
使 用 “钢笔 工具 ”创建 不 规则 的 形状 ; 
使 用 “投影 ”设置 投影 效果 ; 

使 用 “文字 工具 ”创建 文字 ; 

使 用 “扩展 ”将 轮廓 转换 为 图 形 ; 

使 用 “3D 凸 出 和 和 斜 角 ” 设 置 图 形 的 立体 化 ; 
使 

使 

使 

使 


[raw ] 
| 


图 5-64 

在 “图 层 "面板 中 可 以 看 到 只 有 一 个 “图 层 
1 ， 在 眼睛 图 标的 右 便 单 击 ， 出 现 小 锁 形状 即 
可 锁定 图 层 ， 如 图 $-65 所 示 。 


用 “扩展 外 观 ”将 效果 转换 为 图 形 ， 
“ 星 形 工具 ”创建 星 形 作为 装饰 ; 
用 “椭圆 工具 ”绘制 标题 背景 ; 

用 “建立 剪 切 蒙 版 ”创建 谈 日 效果 。 
图 ”操作 步 又 


首先 ， 来 绘制 整体 效果 ， 包 括 背 景 和 顶部 的 
油漆 。 


运行 Illustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 3543px、 
“高 度 ” 为 5315px， 选 择 “ 颜 色 模 式 ” 为 
“RGB 颜色 ”， 设 置 “光栅 效果 ”为 “高 
(300ppi) ”， 单 击 “ 创 建 ”按钮 ， 创 建文 
档 ， 如 图 5-63 所 示 。 


图 5-65 
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人 @ 在 “图 层 ” 面 板 中 单 击 “ 创 建新 图 层 ” 按 钮 量 ， 标题 的 制作 
新 建 “ 图 层 2”。 下 面 的 所 有 图 像 将 在 图 层 2 中 进 下 面 将 制作 和 修饰 主 标题 ， 主 要 使 用 3D 效 果 来 
行 制 作 ， 如 图 5-66 所 示 。 制作 。 
ey ys 使 用 “文字 工具 ”了 T.,， 在 舞 全 中 创建 文字 ， 在 
局 史 1 一 “属性 ”面板 中 设置 文字 的 合适 参数 ， 如 图 5-70 
。 el， 国 所 示 。 
2 图 层 “a 


图 5-66 
在 工具 箱 中 选择 “钢笔 工具 ”分 .， 在 如 图 5-67 


图 5-70 
@ 在 汪 音 性 中 选择 ， “对 象 > 扩展 ”命令 ， 在 弹出 的 
“扩展 ”对 话 框 中 使 用 默认 的 参数 ， 单 击 “ 确 

定 ” 按 钮 ， 如 图 5-71 所 示 。 


所 示 的 位 置 创 建 形状 ,设置 形状 填 色 为 白色 ， 
作为 油漆 。 


扩展 
回 对 象 B) 
回 韦 充 (F) 


图 5-67 
(在 菜单 栏 中 选择 “效果 > 风格 化 > 投影 ”命令 ， 
在 弹出 的 “投影 ”对 话 框 中 设置 投影 效果 ， 如 
图 5-68 所 示 。 


将 南 变 扩展 为 


宪 珊 虽 直 疗 卫 “ 山 9 潍 


图 5-71 


模式 00 
不通 曙 度 (0) (设置 填 色 为 白色 ， 如 图 5-72 所 示 。 

位 移 (0 

了 了 位移 (Y) 


人 


图 5-68 
人 设置 的 投影 效果 如 图 5-69 所 示 。 


图 5-72 


人 @Hi RHF， 在 菜单 栏 中 选择 “效果 >3D> 吓 
出 和 斜 角 ” 命 令 ， 在 弹出 的 “3D 凸 出 和 斜 角 选 
项 ”对 话 框 中 设置 合适 的 参数 ， 单 击 “ 确 定 ” 
按钮 ， 如 图 5-73 所 示 。 


图 5-69 
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在 菜单 栏 中 选择 “效果 >3D> 凸 出 和 斜 角 ” 命 
令 ， 在 弹出 的 “3D 凸 出 和 斜 角 选 项 ”对 话 框 中 
设置 合适 的 参数 ， 单 击 “ 确 定 ”按钮 ， 如 图 5-77 
所 示 。 


arp (Uv) Tay) Ca ) Cm ) 
图 5-73 


设置 3D 效 果 后 ， 在 菜单 栏 中 选择 “对 象 > 扩展 


外 观 ” 命 令 ， 如 图 5-74 所 示 。 名 出 与 


中 
文 
版 
加 匡 本寺 nm a seo we 百出 厚度 oaar 让 CE 
Er » 制 角 : 里 无 入 
3 排列 A) 
商 入 组 (G) Ctrl+G 表面 (3) ; 饪 桂 效果 底 纹 ~ 
- 人 人 口 预览 P) 【贴图 00..，) 〔 更 多 选项 (0) ) (WT LG 取消 ) 
例 E88) Al+Cul+2 i 
目 5 图 5-77 
显示 全 部 Ah+Ctrl+3 
设 a 人 @ 设置 出 星 形 的 3D 效 果 后 ， 在 菜单 栏 中 选择 “对 
到 象 > 扩展 外 观 ” 命 令 ， 在 弹出 的 “扩展 ”对 话 框 
开 ee 中 使 用 默认 的 参数 。 
pr 选择 文字 和 星 形 图 形 ， 按 Ctrl+C 和 Ctrl+B 组 合 
认为 你 级 优 KM) 键 ， 粘 贴图 形 到 后 面 ， 移 动 图 像 ， 并 设置 填 色 
图 5-74 为 暗 绿色 ， 如 图 5-78 所 示 。 


(设置 的 3D 效 果 如 图 5-75 所 示 。 


图 5-78 
人 OO 使 用 “文字 工具 " 工 . 在 舞台 中 创建 文字 ， 如 
使 用 " 星 形 工具 ” 俯 . 在 舞台 中 创建 星 形 ， 设 置 图 5-79 所 示 。 


较 粗 的 白色 描 边 ， 如 图 5-76 所 示 。 


图 5-79 
人 公 在 菜单 栏 中 选择 “对 象 > 扩 展 ” 命 令 ， 在 弹出 的 


“扩展 ”对 话 框 中 使 用 默认 的 参数 ， 如 图 5-80 
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所 示 。 


填充 FF) 


将 渐变 扩展 为 


图 5-80 


On 字 的 扩展 后 ， 填 充 其 渐 变 效果 ， 在 “ 渐 | 
板 中 设置 彩虹 的 渐变 颜色 ， 如 图 5-81 ， 


变 ” 面 
所 示 。 


9 渐变 


| Tc “- 


不 透明 度 : 100% ~v 
位 置 : 83.51% ~v 
图 5-81 
使 用 "渐变 工具 ” 国 在 舞台 
效果 ， 如 图 5-82 所 示 。 


图 5-82 
人 @ 念 调整 所 网 渐变 色 效 果 如 图 


1D 


5-83 所 示 。 


图 5-83 


中 调整 图 形 的 填充 | 


| @ 丰 荣 音 


中 选择 “效果 >3D> 凸 出 和 斜 角 ” 命 


令 ， 在 弹出 的 “3D 凸 出 和 和 斜 角 选项 ”对 话 框 中 
设置 合适 的 参数 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 5-84 


所 示 。 


位 置 吧 : 区 方 


西 出 与 斜 角 


i 


间 角 : 己 习 无 


EE 
J 


视 (可 : 


表面 (S) : 垩 村 效果 底 故 “~ 
全 新 变 插 柯 格 化 . 


ome (RU ) sno) [ae J)C ww ) 
图 5-84 


图 5-85 
“钢笔 工具 ”分 ,在 舞台 中 创建 如 图 5-86 所 
示 的 图 形 。 


图 5-86 
设置 形状 的 填充 为 渐变 ， 在 “渐变 ”面板 中 设 


再 到 绿色 的 渐变 ， 


置 深 绿色 到 绿色 、 到 亮 绿 、 
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季节 啤 卫 字 卫 婴 S 漆 


设置 合适 的 参数 ， 如 图 5-87 所 示 ， 使 用 “渐变 a 
工具 ” 国 调整 渐变 效果 。 


aa 老人 | 一 全 |、 
= 


KE: Dpno 


人 创建 算 形 ， 设 置 矩 形 的 填充 为 灰色 到 浅 灰色 、 
”再 到 灰色 的 渐变 ， 设 置 渐变 的 参数 ， 调 整 填 
充 ， 得 到 如 图 5-88 所 示 的 效果 。 


图 5-90 
人》 置 入 素材 后 ， 调 整 素材 的 排列 和 大 小 ， 如 图 5-91 


中 
bq 
版 
二 
3 
革 
9 所 示 。 
商 

业 

3 


们 :mx ~ 


图 5-91 

全 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 礼 
包 1.png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 5-92 
所 示 。 


多 选择 旗子 两 个 图 形 ， 按 Ctrl+G 组 合 键 ， 将 选择 
”的 图 形 进行 编组 ， 编 组 后 ， 对 旗子 进行 复制 ， 
调整 其 位 置 和 角度 ， 如 图 $-89 所 示 。 OY 加 F777 E: 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 飘 


| 二 
带 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 5-90 sR) Ea) 
所 示 。 pa 


6 置 入 礼包 素材 后 ， 调 整 素材 的 排列 和 大 小 ， 如 
”图 5-93 所 示 。 


图 5-93 


工具 "T 在 舞台 中 创建 文字 , 在“ 属 | 


性 ”面板 中 设置 合适 的 参数 ， 如 图 5-94 所 示 。 


所 示 。 


设置 3D 效 果 后 ， 在 菜单 栏 中 选择 “对 象 > 扩展 | 
按 Ctrl+C 和 Ctrl+B 组 合 键 ， 复 制 并 ， 


外 观 ” 命 令 ， 


| -a 3 
+ A 
oO 


a 
| sam 

aR nO 

负 角 : 器 无 ” 


EL 


Om Wu...) (xssnm) Ce DC we ) 


图 5-94 | 
在 菜单 栏 中 选择 “效果 >3D> 凸 出 和 斜 角 " 命 | 
令 ， 在 弹出 的 “3D 凸 出 和 斜 角 选 项 ”对 话 框 中 | 
设置 合适 的 参数 ， 单 击 “ 确 定 ”按钮 ， 如 图 5-95 | 


图 5-95 


粘贴 图 像 到 后 


面 ， 设 置 其 填充 为 深 灰色 ， 调 整 | 


其 位 置 ， 如 图 


5-96 所 示 。 


在 舞台 中 选择 如 


图 


5-97 所 示 的 图 形 ， 按 Ctrl+G 
组 合 键 ， 将 其 进行 编组 。 


“阴影 .png” 
所 示 。 


图 5-97 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 
“ 置 入 ”按钮 ， 如 图 5-98 


， 单 击 


如 


如 图 5-99 所 示 。 


在 舞台 中 选择 阴影 
置 “ 不 透明 度 ” 为 70%， 如 图 


图 5-98 
| 人 调整 素材 的 排列 、 位 置 和 大 小 ， 


图 5-99 


图 


像 ， 在 


“属性 ”面板 


5-100 所 示 。 


hi 设 


季节 呈 他 卫 央 S 识 


使 用 “钢笔 工具 ”分 ,， 在 舞台 中 绘制 斜 条 填 
wn 充 ， 如 图 5-103 所 示 ， 分 别 填充 为 橘 黄色 、 绿 色 
IE 和 黄色 。 

| 


我 们 最 专业 


图 5-102 


| 
| 
| 
| 
| 
| 
| ee | 
中 ne | 
版 ans wn | 
8 图 5-100 oy 
时 装饰 并 丰满 画面 | @ 选 择 作为 背景 的 斜 条 填充 ， 按 Ctrl+G 组 合 键 ， 
1 ! 
i 和 ; 将 选择 的 对 象 编组 ， 并 按 Ctrl+[ 组 合 键 ， 将 其 
章 主 标题 设置 完成 后 ， 下 面 来 添加 其 他 内 容 ， 丰 | 
+ ed 设置 为 向 下 排列 的 效果 ， 排 列 在 油漆 的 下 面 妈 
图 。 使 用 “ 梢 四 工具 ”在 舞 台中 他 时 酉 国 ， 设 置 。。 可 。 在 订单 中 选择 “文件 > 置 八 ”命令 ， 在 弹 
| 椭 贺 的“ 填 色 ”为 深 绿色 ， 设 置 “ 描 边 "为 浅 绿 ”出 的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 
计 设置 合适 的 堪 边 粗细” 设置 “不 透明 度 * 为 “文字 2.png” 文件 ， 单 击 “ 置 入 ”按钮 ， 如 
对 色 ， 设 置 合适 的 描 边 粗细 ， 设 置 “ 不 透明 度 " 为 | 2 
同 。。 0%, 如 图 5-101 所 示 ， 调 整 国 的 排列 位 置 。 。 四 5104 所 不 。 
I 析 i | [3 pe 
、 | © 
pl | | 注 委 季 守 | 
py 修 ， ju | ea 二 -国电 
大 乡 { | i re 
我 们 最 专业 = 
图 5-101 | 图 5-104 
使 用 “钢笔 工具 ”分 .， 在 舞台 中 如 图 5-102 所 示 | 
的 位 置 绘制 人 角 的 填充 ， 设 置 填 色 颜色 为 桶 黄 | 
色 ， 描 边 为 无。 | 
| 
9 语 
ly | 
Ay | 
| 
| 
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在 舞台 中 创建 与 舞台 大 小 相同 的 矩形 ， 并 调整 | 人 @@ 蚀 建 与 舞台 大 小 相同 的 矩形 ， 并 调整 为 居 


为 居中 ， 填 色 为 灰色 ， 如 图 5-106 所 示 。 


图 5-106 


继续 在 灰色 的 矩 形 上 创建 矩 形 ， 作 为 修剪 的 甜 | 
形 ， 调 整 好 矩形 的 大 小 和 位 置 后， 选择 两 个 矩 | 
形 ， 在 “路 径 查 找 器 ”面板 中 单 击 “ 减 去 项 | 


层 ” 按 钮 略 ， 如 图 5-107 所 示 。 
I 


图 5-107 
(个 前 好 的 轮廓 效果 如 图 5-108 所 示 。 


Ei 


我 们 最 专业 


LOGO 


图 5-108 


中 ， 如 图 5-109 所 示 。 选 择 舞 台中 的 所 有 图 
形 ， 在 “属性 ”面板 中 单 击 “建立 剪 切 蒙 
版 ”按钮 。 


hn 


vans 
到 有 外电 


图 5-109 
将 超出 舞台 的 图 像 进行 遮 罩 处 理 ， 完 成 本 案例 
的 效果 制作 ， 如 图 5-110 所 示 。 
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半 沙 啤 他 呈 册 S 漆 


优秀 作品 欣赏 


类 上 击 Jole4Snlll 芝 交 嬉 


四 导言 


海报 也 称 为 宣传 画 ， 是 一 种 吸引 人 注意 的 张贴 图 像 ， 是 日 
常生 活 中 最 为 常见 的 广告 信息 传达 方式 之 一 。 招 贴 海报 的 内 容 
广泛 丰富 ， 既 可 以 作为 商业 宣传 也 可 以 作为 公益 用 途 ， 其 艺术 
表现 力 独特 、 视 觉 冲击 力 强烈 。 


本 章 主 要 分 析 和 介绍 海报 的 设计 和 一 些 相关 内 容 。 


FLORENCE 


海报 广告 概述 6.1.1 “认识 海报 


招贴 海报 是 媒体 广告 的 一 种 ， 是 一 种 用 于 传播 


何 为 “ 招 ”、 何 为 “ 贴 ”， 招 贴 的 意思 就 是 招 |， 信息 的 广告 媒介 形式 ， 多 张贴 于 闹市 街头 、 公 路 、 


引 、 吸 引 人 的 张贴 海报 ， 是 张贴 在 公共 场合 中 吸引 车 站 、 机 场 等 公共 场景 中 ， 引 导 大 众 参 与 其 广告 中 
人 们 注意 的 一 种 广告 形式 ， 如 图 6-1 所 示 。 的 活动 。 招 贴 海报 最 早 是 一 则 埃及 的 寻 人 广告 ， 我 
国 最 早 的 招贴 广告 a 宋朝 ， 当 初 主要 是 用 来 张 
贴 一 些 官 家 公告 人 这 种 招贴 方式 延续 至 今 。 招 


贴 设计 相 比 于 其 他 设 设计 而 言 ， 其 内 容 更 加 广泛 且 丰 
富 、 艺 术 表现 力 独特 、 创 意 独特 、 视 觉 冲 击 力 非常 
强烈 。 招 贴 主要 扮演 推销 员 的 角色 ， 代 表 了 企业 产 
品 的 形象 ， 可 以 提升 竞争 力 并 且 极 具 审美 价值 和 艺 
术 价 值 ， 如 图 6-2 所 示 。 


one! IBN edheE 


comin sooN™ ap 


苦 撤 届 JO1e4Snlll 芝 汉 丑 


例 
项 
目 
设 
计 
完 
全 


图 6-2 ( 续 ) 


| 6.1.2 “招贴 海报 的 常见 类 型 


招贴 海报 广告 按 主 题 可 分 为 以 下 三 类 。 
(1) 公益 招贴 海报 : 例如 社会 公益 、 社 会 政 
治 、 社 会 活动 等 用 以 宣传 推广 节日 、 活 动 、 社 会 公 


众 关 注 的 热点 或 社会 现象 以 及 政府 的 某 种 观点 、 立 
所 示 。 等 招贴 ， 如 图 6-5 所 示 。 


同 捕手 共 建 美好 家 园 


我 不 到 记 为 大 二 | 


Don't Want TabeAPandai 


| 6.1:3“ 招贴 海 报 的 构成 要 素 


图 6-3 

(2) 商业 招贴 海报 : 包括 各 类 产品 信息 、 企 
业 形 象 和 商业 服务 等 ， 主 要 用 于 宣传 产品 而 产生 一 | 
定 的 经 济 效益 ， 以 营利 为 主要 目的 ， 如 图 6-4 所 示 。 


招贴 海报 的 构成 要 素 主 要 有 以 下 几 种 。 
(1) 图 像 : 图 像 是 招贴 海报 中 重要 的 “视觉 
| 语言 ”， 在 大 多 数 海报 作品 中 ， 图 像 都 占有 重要 的 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
-三 针 是 干 非 营 利 性 宫 住 jy | 
场 、 态 度 等 的 招贴 ， 属 于 非 营利 性 宣传 ， 如 图 6-3 生活 的 宣传， 包括 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
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| 
| 
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地 位 。 图 像 具有 吸引 受众 注意 广告 版 面 的 “吸引 ” 功 
能 ， 可 以 把 受众 的 视线 引 至 文字 的 “诱导 ”功能 
(2) 标志 : 标志 在 商业 海报 广告 中 是 品牌 的 
象征 ， 标 志 的 出 现 是 塑造 商品 、 企 业 的 最 可 靠 的 保 
证 ， 使 消费 者 可 以 快速 识别 商品 。 
(3) 文字 : 文字 的 使 用 能 够 直接 快速 地 点 明 
主题 。 在 招贴 设计 中 ， 文 字 的 选用 十 分 重要 ， 应 精 
简 而 独到 地 阑 释 设 计 主 旨 。 字 体 的 表现 形式 也 非常 重 
要 ， 对 于 字体 、 字 号 的 选用 是 十 分 严格 的 ， 不 仅仅 要 突 
出 设计 理念 ， 还 要 与 画面 风格 匹配 ， 形 成 协调 的 版 面 。 
(4) 留 白 : 在 一 般 情况 下 ， 人 们 只 对 广告 
的 图 形 和 文字 感 兴趣 ， 至 于 空白 则 很 少 有 人 去 注 
意 。 or 正 因为 有 了 空白 才 使 得 图 形 和 文字 
显得 突 
(5) ) 广告 在 一 般 情况 下 ， 人 们 只 对 广告 
用 形 和 光学 地 兴建， 至 于 空白 则 很 少 有 人 去 注 
。 但 实际 上 ， 正 因为 有 了 空白 才 使 得 图 形 和 文字 
入 出 。 


| 6.1.4 “招贴 海报 的 创意 手法 


招贴 海报 

(1) 展示 : 
展示 是 指 直接 将 商品 展示 在 
逼真 的 感受 ， 使 消费 者 对 所 宣 
切 感 和 信任 感 ， 如 图 6-6 所 示 。 


4 创意 手法 主要 有 以 下 几 种 。 

展示 法 是 一 种 最 为 常见 的 手法 ， 
费 者 的 面前 ， 给 人 以 
传 的 产品 产生 一 种 亲 


(2) 联想 : 联想 是 指 由 某 一 事物 而 想到 另 一 
事物 ， 或 是 由 某 事物 的 部 分 相似 点 或 相反 点 而 与 另 
-事物 相 联系 。 联 想 分 为 类 似 联想 、 接 近 联 想 、 因 
果 联 想 、 对 比 联想 等 。 在 招贴 海报 设计 中 ， 联 想法 
是 最 基本 也 是 最 重要 的 一 个 手法 ， 通 过 联想 事物 的 


特征 ， 并 通过 艺术 的 手段 进行 表现 ， 使 信息 的 传达 
委婉 而 具有 趣味 性 ， 如 图 6-7 所 示 。 


DARK CITY 


(3) 比喻 : 比喻 是 将 某 一 事物 比 作 另 一 事物 
以 表现 主体 的 本 质 特 征 的 方法 。 比 喻 法 间接 地 表现 
了 作品 的 主题 ， 具 有 一 定 的 神秘 性 ， 充 分 地 调动 了 
观 者 的 想象 力 ， 更 加 耐人寻味 ， 如 图 6-8 所 示 。 

(4) 象征 : 象征 是 用 某 个 具体 的 图 形 表达 一 


种 抽象 的 概念 ， 用 象征 物 去 反映 相似 的 事物 ， 从 而 
表达 一 种 情感 。 象 征 是 一 种 间接 的 表达 ， 强 调 一 种 


意象 ， 如 图 6-9 所 示 。 


图 6-8 图 6-9 
(5) 拟人 : 拟人 是 将 动物 、 植 物 、 自 然 物 、 
建筑 物 等 生物 和 非 生 物 赋予 人 类 的 某 种 特征 ， 将 其 


人 格 化 ， 从 而 使 整个 画面 形象 生动 。 在 招贴 设计 中 
经 常会 用 到 拟人 的 表现 手法 ， 与 人 们 的 生活 更 加 贴 
切 ， 不 仅 能 吸引 观 者 的 目光 ， 更 能 拉 近 与 观 者 内 心 
的 距离 ， 更 具 亲近 感 ， 如 图 6-10 所 示 。 
(6) 夸张 : 夸张 是 依据 事物 原 有 的 自然 属性 
条 件 而 进行 进一步 的 强调 和 扩大 ， 或 通过 改变 事物 
的 整体 、 局 部 特征 更 鲜明 地 强调 或 揭示 事物 的 实 
质 ， 而 他 造 一 种 意 想不到 的 视觉 效果 ， 如 图 6-11 所 示 。 


图 6-10 
(7) 幽默 : 幽默 是 运用 某 些 修辞 手法 ， 


图 6-11 

以 一 
种 较为 轻松 的 表达 方式 传达 作品 的 主题 ， 画 面 轻松 
愉悦 ， 却 又 意味 深长 ， 如 图 6-12 所 示 。 
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(8) 讽刺 : 讽刺 是 运用 压 张 、 比 喻 等 手法 揭露 人 


16.2.1 设计 思路 


或 事 的 缺点 。 讽 刺 有 直 讽 和 反讽 两 种 类 型 ， 直 讽 手 法 直 
反 胸 腾 ， 庄 所 丑恶 ， 而 反讽 的 运用 则 更 容易 使 主题 的 表 ， 国 ”案例 类 型 9 
达 独 具 特 色 ， 更 易 打动 观 者 的 内 心 ， 如 图 6-13 所 示 。 本 案例 是 一 个 果汁 促销 海报 设计 尺码 用 视频 
: 项 目 。 
图” 设计 背景 


果汁 是 以 水 果 为 原料 经 过 物理 方法 如 压榨 、 离 
心 、 茜 取 等 得 到 的 汁液 产品 ， 如 图 6-16 所 示 ， 一 般 
是 指 纯 果汁 或 100% 果 汁 。 按 果汁 含量 分 为 原 果 汁 、 
水 果汁 、 果 汁 饮料 、 果 粒 果 汁 饮料 、 果 汁 类 汽水 、 
果 味 型 饮料 。 

/ 


图 6-12 图 6-13 
(9) 重复 : 重复 是 使 某 一 事物 反复 出 现 ， 从 
而 起 到 一 定 的 强调 作用 ， 如 图 6-14 所 示 。 
人 (10) 矛盾 空间 ， 矛 盾 空间 是 指 在 二 维 空间 表 
图 。 现 出 一 种 三 维 空间 的 立体 形态 。 其 利用 视点 的 转换 
设 
计 


莽 后 于 JojeJSnlll 芝 4 妖 ， 


和 交替 ， 显 示 一 种 模棱两可 的 画面 ， 给 人 造成 空间 
的 混乱 。 了 矛盾 空间 是 一 种 较为 独特 的 表现 手法 ， 往 
条 。 往 会 使 观 者 久久 驻足 观看 ， 如 图 6-15 所 示 。 


os 


图 6-14 图 6-15 


| 太太 六 六 | 


图 6-16 

本 案例 制作 的 海报 促销 广告 是 在 一 个 景区 中 ， 
一 个 商铺 的 张贴 海报 ， 主 要 将 活动 的 内 容 输入 进 
去 ， 可 以 通过 水 果 形 象 使 人 们 更 容易 理解 和 接受 ， 
主要 促销 的 果汁 为 梨 汁 
图 ”设计 定位 

根据 对 商铺 的 考察 ， 发 现 户 外 景区 的 商铺 环 
境 较 为 嘲 杂 ， 人 流 较 多 ， 所 以 这 种 场合 不 需要 制作 


PEAR JUI 
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复杂 的 海报 内 容 ， 尽 量 避 人 免 丰 


E 人 多 的 地 方 还 要 出 现 


比喻 手法 ， 因 为 人 们 不 会 停 下 来 猜想 海报 内 容 ， 所 
以 ， 在 此 基础 上 我 们 将 定位 海报 为 简单 的 主题 海 
报 ， 并 以 简单 的 线条 背景 加 上 卡通 的 梨 来 明确 主 
角 ， 并 以 最 容易 理解 的 标题 方式 进行 宣传 ， 这 样 会 
更 加 容易 使 人 接受 。 


| 6.2.2 ”配色 方案 


配色 上 采 


黄色 作为 主 


色 ， 因 为 卡通 梨 的 填 


充 是 黄色 ， 如 图 


和 颜色 设计 上 没有 过 多 地 使 有 


6-17 所 示 。 


于 本 案例 中 构图 方式 


其 他 色彩 ， 所 以 黄色 


是 最 为 突出 的 颜色 ， 辅助 色 采用 黄色 和 黑色 的 混合 
色 ， 如 图 6-18 所 示 ， 作 为 文字 标题 和 注释 ， 背 景 采 
用 白色 和 浅 灰色 的 线条 ， 这 样 可 以 突出 主 标题 和 


主角 。 


图 6-17 


图 6-18 


| 6.2.3 “构图 方式 


和 信息 放置 到 上 方 ， 将 3 


本 案例 将 采用 上 下 均衡 构图 方式 ， 将 主要 标题 


E 角 放置 到 


的 方式 添加 一 些 文字 以 及 图 像 到 


衡 整体 效果 。 


甫 


| 6.2.4 ”同类 作品 欣赏 


到 如 


从 长 及 /1 . 二 和 党 


| 6.2.5 “项 目 实战 


加 ”制作 流程 


径 和 文字 转换 为 


本 案例 首先 给 


建 图 


案 ， 修 剪 多 余 


区 域 ，: 


蒙 版 ， 如 图 6-19 所 示 。 


基底 部 背景 ， 


下 方 ， 六 
居 ， 以 丰满 和 均 


F 以 装饰 


再 绘制 斜 线 ， 将 路 
图 形 ;然后 绘制 梨 和 叶子 形状 ， 创 


最 后 创建 文字 ， 


建立 


切 


9 


ET 


类 技 副 JO1eQSnlll 芝 半 千 


技术 要 点 
使 用 “和 矩形 了 
使 用 “直线 段 工 具 ” 绘 制 斜 线 ; 


使 用 


“扩展 ”和 “扩展 外 观 ” 命 令 ， 将 路 径 和 


文字 转换 为 图 形 ; 
使 用 “钢笔 了 
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使 用 
使 用 


“对 象 > 图 案 > 建立 ”命令 创建 图 案 ， 


[ 具 ” 绘 制 底部 背景 ; 


[有 具 ” 绘 制 梨 和 叶子 形状 ; 


“ 色 板 ”面板 添加 图 案 ; 


“画笔 了 


[ 具 ” 绘 制 梨 的 圆 点 ; 


“文字 


“建立 剪 切 蒙 版 ”设置 遮 罩 效果 。 


操作 步骤 
绘制 背景 


根据 案例 的 设计 分 析 ， 首 先 制作 出 简约 的 条 纹 
背景 效果 。 

运行 Ilustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 3543px、 
“高 度 ” 为 5315px， 选 择 “ 颜 色 模 式 ” 为 
“RGB 颜色 ”， 设 置 “ 光 栅 效 果 ” 为 “屏幕 
(72ppi) ”， 单 击 “ 创 建 ” 按 钮 ， 创 建文 档 ， 


[ 具 ” 创 建文 字 ; 


如 图 6-20 所 示 。 


er 


站 
i 
中 


目 
5 


CE 


呈 
TS 
各 


图 6-20 

侈 名 建文 悄 捕 ， 使 用 “ 珑 形 工具 ” 转 ,， 在 舞 全 中 
绘制 与 舞台 相同 大 小 的 矩形 ， 在 “属性 ”面板 
中 可 以 定位 变换 的 位 置 点 ， 设 置 X、Y 的 位 置 ， 
如 图 6-21 所 示 。 


使 用 “直线 段 工 具 ”,.， 在 舞台 中 绘制 斜 线 ， 
如 图 6-22 所 示 ， 设 置 线段 的 “ 描 边 ”为 灰色 ， 
并 设置 合适 的 描 边 粗细 。 


图 6-22 
使 用 “选择 工具 ”选择 斜 线 ， 按 住 Alt 键 移动 复 
制 线段 ， 如 图 6-23 所 示 。 


图 6-23 


移动 复制 后 ， 按 Ctrl+D 组 合 键 ， 可 以 继续 复 
制 ， 得 到 如 图 6-24 所 示 的 效果 。 


图 6-24 
(选择 所 有 的 线段 和 背景 ， 在 “路 径 查 找 器 ” 


面板 中 单 击 “ 分 割 ” 按 钮 甸 ， 删 除 不 需要 的 形 


状 ， 如 图 6-25 所 示 。 


和 x 


形状 模式 - 

明 中 ;RE 

路 径 查找 器 - 

加 看 十 加 加 人 品 
图 6-25 

人 @ 得 到 的 条 纹 背景 效果 如 图 6-26 所 示 。 


图 6-26 
使 用 “ 甜 形 工具 ” 田 .， 在 舞台 中 如 图 6-27 所 示 
的 位 置 创建 矩形 ， 设 置 “ 填 色 ”为 无 ， 设 置 


“ 描 边 ”为 灰色 ，“ 描 边 ”粗细 为 50pte 


] 
| 


和 
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bE 
6 
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NN 
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图 6-27 

复制 矩形 ， 修 改 矩 形 的 大 小 ， 在 “ 描 边 ” 面 

板 中 设置 “粗细 ”为 20pt， 勾 选 “虚线 ” 复 选 

框 ， 设 置 合适 的 虚线 效果 ， 如 图 6-28 所 示 。 


图 6-28 
使 用 “钢笔 工具 ”分 ,.， 在 舞台 中 绘制 梨 的 外 观 
形状 ， 并 设置 填 色 为 #HEdlSb， 如 图 6-29 所 示 。 


图 6-29 
使 用 “画笔 工具 ”x.， 在 工具 属性 栏 中 设置 颜 
色 为 #6692d， 设 置 合适 的 描 边 和 笔触 ， 在 舞台 
中 绘制 犁 的 把 ， 如 图 6-30 所 示 。 
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图 6-30 


@ 合 “钢笔 工具 ”人 2,， 在 舞台 中 绘制 梨 的 叶 
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子 ， 设置 其 填充 色 为 #428249， 设 置 描 边 为 无 ， 
如 图 6-31 所 示 。 


-31 


使 用 “画笔 工具 ”x.， 在 舞台 中 绘制 叶子 的 脉 


络 ， 并 绘制 梨 上 的 点 ， 如 图 6-32 所 示 。 


图 6-32 
选择 梨 的 所 有 图 形 ， 按 Ctrl+G 组 合 键 ， 将 其 进 
行 编组 ， 如 图 6-33 所 示 。 


-33 
在 舞台 中 对 梨 进行 复制 和 调整 ， 作 为 背景 周 
的 装饰 图 像 ， 如 图 6-34 所 示 。 


本 


图 6-34 
人 @ 当前 绘制 的 表 景 图 像 都 在 “图 层 1” 中 ， 锁 定 
层 1 后 ， 单 击 “ 创 建新 图 层 ”按钮 旺 ， 新 建 “ 图 
层 2”， 如 图 6-35 所 示 。 


国 


Ce 
男 屋 可 
Ed 区 二 | 
e[6， 国 me : o 


2 图 层 上 [加 
图 6-35 
添加 广告 内 容 
背景 制作 完成 之 后 ， 下 面 将 制作 海报 广告 中 
的 内 容 ， 包 括 标题 、 促 销 活动 描述 以 及 标志 和 
图 像 。 


使 用 “文字 工具 ”T,， 在 舞台 中 创建 文字 标 使 用 “画笔 工具 ”x.， 设 置 前 景色 为 #38310b， 


题 ， 如 图 6-36 所 示 ， 在 “属性 ”面板 中 设置 合 在 舞台 中 绘制 凌乱 的 笔触 ， 如 图 6-37 所 示 。 
适 的 参数 即 可 。 


选择 绘制 的 画笔 效果 ， 在 菜单 栏 中 选择 “对 象 > 图 案 > 建 立 ” 命 令 ， 在 弹出 的 提示 对 话 框 中 单 击 “ 确 


定 ” 按 钮 ， 在 “图 案 选 项 ”面板 中 命名 名 称 ， 设 置 合适 的 参数 ， 如 图 6-38 所 示 。 
= 本 = 


拭 岂 类 开 -图 网 格 


三 交 六 同调 整 为 图 稍 大 小 
四 将 措 防 与 图 生 一 起 移动 


一 国 w 园 4 
从 数 : 7x7 v 
回 副本 变 哇 至 - 7T3% vv 


回 是 示 如 过 维 
口 显示 色 板 边界 


“确定 ”按钮 。 
”面板 中 找到 添加 的 图 案 ， 单 击 图 案 即 可 填充 文字 图 形 ， 如 图 6-39 所 示 。 


选择 文字 ， 在 菜单 栏 中 选择 “对 象 > 扩展 ”命令 ， 在 弹出 的 “扩展 ”对 话 框 中 


h 使 用 默认 的 参 


使 用 “文字 工具 ”T.,， 在 舞台 中 创建 文字 ， 使 用 “ 夭 形 工具 ” 轩 ,， 创 建 矩 形 作 为 底 纹 ， 如 图 6-40 


使 用 “文字 工具 ”T.， 在 舞台 中 右上 角 创 建文 字 ， 如 图 6-41 所 示 。 


四 导 京 类 六 吉 JO1eJSnlll 荣 汉 千 


使 用 “钢笔 工具 ”分 ,， 在 舞台 中 绘制 两 片 叶子 
形状 ， 作 为 标题 的 装饰 ， 如 图 6-42 所 示 ， 使 标 
题 更 加 具有 趣味 性 。 


RIN 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 


图 6-42 


对 话 框 中 选择 随 


配备 资源 中 的 “果汁 .png” 


文件 ， 单 击 “ 置 入 ”按钮 ， 置 入 素材 ， 如 图 6-43 


所 示 。 
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图 6-43 


人 OO 轩 入 素 材 后 ， 调整 素材 的 位 置 和 大 小 ， 如 图 6-44 
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使 用 “和 珑 形 工具 ” 园 ,， 在 标题 下 创建 矩 形 ， 在 
“属性 ”面板 中 设置 “ 填 色 ”为 无 ， 设 置 “ 描 
边 ”粗细 为 20pt， 颜 色 为 #38310b， 如 图 6-45 


创建 矩 形 后 ， 在 菜单 栏 中 选择 “对 象 > 扩展 ” 命 


令 ， 在 弹出 的 “扩展 ”对 话 框 中 使 


用 默认 的 参 


数 ， 将 其 转换 为 图 形 ， 如 图 6-46 所 示 。 


FE 


描 边 (5) 


将 渐变 扩展 为 


使 用 “ 德 形 


具 ， 


1.， 在 描 边 矩形 上 创建 填充 


矩形 作为 修剪 对 象 ; 选择 填充 矩形 和 底部 的 描 


边 甜 和 


乡 ， 在 “属性 ”面板 的 “路 径 查 找 器 ”组 


中 单 击 “ 减 去 顶层” 按钮 名， 如 


图 


6-47 所 示 。 


使 用 “文字 工具 ”TT,， 在 舞台 中 创建 文字 ， 如 


图 6-49 所 示 。 


[ 工 二 


ER 
诺 线 同 陆 应 线 问答 让 绪 同 险 
全 :| 一 | 


人 设置 字体 产 色 为 色 ， 使 用 “椭圆 工具 ”所 ， 
在 舞台 中 绘制 椭圆 ， 设置 椭圆 的 填充 为 
#38310b， 调 整 椭 圆 的 排序 ， 并 对 椭圆 进行 复 
制 ， 如 图 6-50 所 示 。 


鲜美 夭 汗 


OBO 


图 6-47 


二 

图 6-50 
使 用 “钢笔 工具 ”s#.， 在 舞台 中 绘制 如 图 6-51 
所 示 的 形状 ， 作 为 文字 两 边 的 装饰 ， 设 置 合适 
的 “ 描 边 ”， 设置 “ 填 色 ” 为 无 。 


AGO0OS 


图 6-51 
人 人 在 舞台 中 使 用 “文字 工具 ”了 T, 和 “和 珑 形 工 
具 ” 国 ,， 绘 制 装饰 文字 ， 并 设置 矩形 的 描 边 为 
虚线 ， 如 图 6-52 所 示 。 


公 
会 


图 6-52 


并 调整 形状 ， 得 到 如 图 6-53 所 示 的 文字 内 容 区 域 效果 。 


fs 
鲜美 - 乔 汗 
OO00S 
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季节 只 1 薄 矿 如 9 沂 


秘 站 手 融 四 避 计 关上 扩 到 J01eQSnlll 荣 半 千 


Sie Ye Sal ssl 


人 在 海报 的 底部 创建 英文 ， 丰满 画 
所 示 。 


MO Wx sete 


全 创建 联系 方式 ， 如 图 6-54 所 示 。 


日 


建 与 


“ 属 


解锁 “ 


图 


性 ”面板 中 单 
6-57 所 示 。 


层 1”， 选 择 所 有 
击 “ 建 立 剪 切 蒙 版 ”按钮 ， 


继续 在 置 入 素材 的 右上 方 创建 活动 价格 ， 
图 6-55 所 示 。 


， 如 图 6-56 


人 台 相 同 大 小 的 矩形 ， 在 “图 


图 


图 6-57 


到 最 终 的 海报 效果 ， 如 图 6-58 所 示 。 


[en 人 
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图 6-58 


New 


prodiicts 


16.3.1 设计 思路 


国 ”案例 类 型 
本 案例 为 护肤 品 海报 设计 项 目 。 
国 ”项 目 诉求 


护肤 品 是 一 种 保护 皮肤 的 护肤 产品 ， 随 着 经 济 
不 断 进步 和 发 展 ， 护 肤 品 的 种 类 也 日 益 增多 ， 不 
再 是 单纯 的 老 三 套 (水 、 乳 、 霜 ) ， 不 再 是 富 人 才 
用 的 商品 ， 如 今 的 化 妆 类 和 护肤 类 产品 已 经 走 进 了 
平常 百姓 家 。 

本 案例 需要 制作 一 款 个 性 化 的 立体 海报 ， 主 角 
是 一 款 新 推出 的 护肤 产品 ， 产 品 图 片 将 会 由 用 户 提 
供 ， 需 要 制作 一 个 有 层次 感 的 海报 效果 ， 具 体 创意 
和 制作 可 以 自由 发 挥 。 

图 ”设计 定位 

由 于 版 权 问 题 ， 在 案例 制作 过 程 中 ， 将 护肤 品 
的 标志 抹 掉 了 ， 根 据 客户 需求 ， 将 制作 多 层 重 且 的 
立体 景深 环境 ， 并 在 此 基础 上 将 护肤 品 放置 到 主要 


| 6.3.4 “同类 作品 欣赏 


位 置 ， 凸 出 护肤 品 ， 使 色彩 更 加 丰富 ， 主 题 将 采用 
立体 化 广告 语 进行 设计 ， 这 种 立体 广告 语 可 以 体现 
出 个 性 与 时 尚 。 


| 6.3.2 ”配色 方案 


配色 上 不 会 使 用 饱和 度 非常 高 的 色彩 ， 将 会 使 
用 高 级 雾 者 蓝 、 皮 粉 和 灰 黄 ， 因 为 护肤 品 的 瓶 身 是 
非常 亮 的 紫 粉 和 青 蓝 的 渐变 ， 所 以 这 里 采用 多 个 形 
状 的 层次 县 加 ， 搭 配 出 主要 的 颜色 ， 使 其 与 主角 的 
颜色 相符 又 不 相近 。 


| 6.3.3 ”构图 方式 


本 案例 的 构图 方式 为 上 下 构图 ， 将 主要 内 容 放 
置 到 中 上 方 ， 将 其 主角 放置 到 底部 ， 为 了 不 使 项 部 
留 有 空白 ， 将 会 使 用 登 加 的 图 案 进行 封闭 ， 这 样 就 
会 有 种 整体 构图 协调 的 效果 了 。 


| 6.3.5 “项 目 实战 


加 ”制作 流程 


本 案例 首先 创建 矩形 作为 背景 和 地 面 ， 再 创建 不 规则 的 形状 ;然后 调整 渐变 填充 效果 ， 制 作 图 形 效 
果 ; 最 后 设置 投影 效果 ， 建 立 剪 切 蒙 版 ， 如 图 6-59 所 示 。 
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使 用 “矩形 工具 ”创建 矩形 作为 背景 和 地 面 ; 
使 用 “钢笔 工具 ”创建 不 规则 的 形状 ; 
使 用 “渐变 工具 ”调整 渐变 填充 的 效果 ; 
使 用 “颗粒 、 纹 理化 、 海 绵 ” 制作 图 形 效果 ; 
使 用 “建立 前 切 蒙 版 ”创建 前 切 蒙 版 效果 。 
国 。 操作 步骤 
背景 的 绘制 
首先 ， 使 用 矩形 工具 和 钢笔 工具 绘制 图 形 ， 
结合 使 用 各 种 面板 和 命令 ， 制 作 一 个 有 层次 的 立体 
背景 。 
(命运 行 Ilinstrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
。 建文 档 ” 对 话 框 中 设置 “宽度 "为 3543px、 
“高 度 " 为 5315px， 选 择 “ 颜 色 模式 ”为 
“RGB 颜色 ”， 设 置 “ 光 栅 效 果 ” 为 “屏幕 
( 72ppi ) ”， 单 击 “ 创 建 ” 按钮， 创建 文档 ， 
如 图 6-60 所 示 。 
使 创建 文 梢 后 ， 使 用 “矩形 工具 ” 转 ， 在 舞台 中 
“绘制 与 舞台 相同 大 小 的 矩形 ， 在 “属性 ”面板 
中 可 以 定位 变换 的 位 置 点 ， 设 置 X、Y 的 位 置 ; 
设置 “ 填 色 ”为 #b66b81，“ 描 边 ” 为 无 ， 如 
图 6-61 所 示 。 


到 
了 


时 齐全 风格 


图 6-61 
人 爹 使 用 “矩形 工具 ” 国 ,， 在 舞台 中 底部 创建 作为 
” 地 面 的 矩形 ， 设 置 填充 为 渐变 ， 设 置 渐变 “类 
型 " 为 “线性 ”， 设置 “角度 ”为 900?， 设 置 
渐变 为 白色 到 灰色 的 渐变 ， 如 图 6-62 所 示 。 


不 透明 度 - 100% ~v 


位 置 : 73.78% ~ 


使 用 “钢笔 工具 ” 
6-63 所 示 。 


分 ,， 在 舞台 中 绘制 形状 ， 如 
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图 6-63 


设置 图 形 的 填充 为 渐变 ， 在 “渐变 ”面板 上 
， 设 置 渐变 为 


设置 渐变 “类 型 ”为 “ 径 向 ” 
#3fd4d9 到 #3fbbd9 的 渐变 ， 如 图 6-64 所 示 。 


图 6-64 


图 6-65 所 示 。 


使 用 “渐变 工具 ” 国 ， 在 舞台 中 调整 渐变 ， 如 


调整 渐变 后 ， 在 菜单 栏 中 选择 “效果 > 
粒 ” 命 令 ， 在 弹出 的 “颗粒 ”对 话 框 
适 的 参数 ， 如 图 6-66 所 示 。 


纹理 > 颗 


h 设 置 合 


图 6-66 
人 @ 设置 的 颗粒 效果 如 图 6-67 所 示 。 


图 6-67 
在 菜单 栏 中 选择 “效果 > 风格 化 > 投影 " 
在 弹出 的 “投影 ” 


坤 9 洪 | 
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报 
报 
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命令， 区 


对 话 框 中 设置 合适 的 投影 


参数 ， 设 置 投影 的 颜色 为 #681030， 如 图 6-68 


所 示 。 


144 px 


© 原色 (O:[| 国 | 〇 陪 度 中: 


图 6-68 
6-69 所 示 。 


人 OQ 设置 的 投影 效果 如 
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菜单 中 可 以 发 现 应 用 上 一 次 使 用 的 效果 ， 选 择 
该 命令 ， 如 图 6-72 所 示 。 
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人命 按 Ctrl+[ 组 合 键 ， 将 图 形 放置 到 矩形 地 面 的 下 orhop 
” 方 ， 如 图 6-70 所 示 。 


oad 


像素 化 了 
担 赐 » 
模 当 加 
画笔 总 边 3 
票 滞 上 
于 理 b 
去 不 效 果 py 
视频 a 
风格 化 » 


图 6 
设置 的 投影 效果 如 图 6- 


中 
文 
版 
三 
名， 
0 
S 
商 
业 
例 
项 
县 


图 6-70 
使 用 “钢笔 工具 ” 尹 ,， 在 舞台 中 创建 形状 ， 设 
置 “ 填 色 ” 为 #d4647c， 如 图 6-71 所 示 。 


图 
《信使 用 “钢笔 工具 ” 少 ， 在 舞台 中 创建 形状 ， 设 
” 置 “ 填 色 " 为 # c69355， 如 图 6-74 所 示 。 


《他 在 菜单 栏 中 选择 “效果 ”命令 ， 在 弹出 的 下 拉 


人 在 亲 单 栏 中 选择 “效果 ”命令 ， 在 弹出 的 下 拉 
菜单 中 选择 “应 用 “投影 ” ”命令 (应 用 上 
次 使 用 的 效果 ) ， 如 图 6-75 所 示 。 
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图 6-75 


在 “外 观 ”面板 中 双击 “投影 ”后 的 效果 按 
钮 ， 在 弹出 的 “投影 ”对 话 框 中 调整 其 位 移 角 
度 ， 单 击 “ 确 定 ”按钮 ， 如 图 6-76 所 示 。 
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> | 。 天台 崩 所: 风 人 人 


图 6-76 
在 菜单 栏 中 选择 “效果 > 纹理 > 纹理 化 ”命令 ， 
在 弹出 的 “纹理 化 ”对 话 框 中 设置 合适 的 参 
数 ， 如 图 6-77 所 示 。 


图 6-77 
使 用 “钢笔 工具 ” 少 .， 在 舞台 中 创建 形状 ， 设 


置 “ 填 色 ”为 # ffal19c， 如 图 6-78 所 示 。 


图 6-78 
由 于 上 一 次 执行 的 是 “纹理 化 ”命令 ， 这 里 需 
要 为 图 形 设置 投影 ， 需 要 重新 选择 。 在 菜单 栏 
中 选择 “效果 > 风格 化 > 投影 ”命令 ， 在 弹出 的 
“投影 ”对 话 框 中 设置 合适 的 参数 ， 如 图 6-79 
所 示 ， 单 击 “ 确 定 ” 按 钮 。 


Ca J ww ) 


图 6-79 
在 菜单 栏 中 选择 “效果 > 艺术 效果 > 海绵 ” 命 
令 ， 在 弹出 的 “海绵 ”对 话 框 中 设置 合适 的 参 
数 ， 如 图 6-80 所 示 。 


图 6-80 


添加 素材 
背景 制作 过 程 一 定 要 调整 素材 排列 的 位 置 ， 下 


{3l 


手 霹 咪 习 灌 茹 项 9 普 


面 将 为 舞台 添加 素材 。 (在 “属性 ”面板 中 设置 “不 透明 度 ”为 40%， 


(6 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 如 图 6-84 所 示 。 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “化 
妆 品 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 6-81 
所 示 。 


ee 他 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
aren “ 置 入 ”对 活 框 中 选择 随 书 配备 资源 中 的 “化 
Em ”re 妆 品 2.png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 妇 


图 6-85 所 示 。 
too.png 


阐 乓 邢 10}e44Snll| 洒 闪避 


6 置 入 素材 后 ， 调 整 素材 的 大 小 和 位 置 ， 如 图 6-82 
所 示 。 


[0] 
[0 
De] 
时 示 导 入 过 项 中 


文 导 名 (N) tpng 


人 @ 复制 置 入 的 图 像 ， 调 整 其 翻转 的 效果 ， 如 图 6-83 | (8p) 置 入 素材 后 ， 调 整 图 像 的 位 置 和 排列 ， 如 图 6-86 
”所 示 。 所 示 。 


在 舞台 中 创建 和 矩形， 设置 矩形 与 舞台 相同 大 
小 ， 如 图 6-87 所 示 。 


1 023 “文字 工具 ”T,， 在 舞台 的 右 下 角 创 建文 
字 ， 这 里 可 以 放置 标志 ， 如 图 6-90 所 示 。 


了 
厌 
图 6-87 图 6-90 
(在 舞台 中 选择 所 有 图 形 ， 在 “属性 ”面板 中 单 继续 在 中 间 位 置 创建 文字 ， 设 置 文字 颜色 为 
击 “ 建 立 剪 切 蒙 版 ”按钮 ， 如 图 6-88 所 示 。 色 ， 如 图 6-91 所 示 。 


壮志 下 人 沼 蘑 山 9 疲 


图 6-88 


人 @ 设 杆 芝 岳 后 的 效果 如 图 6.89 所 示 。 在 菜单 栏 中 选择 “效果 > 风格 化 > 投影 ”命令 ， 


在 弹出 的 “投影 ”对 话 框 中 设置 合适 的 参数 ， 
如 图 6-92 所 示 。 


模式 Q0 :| 正片 委 底 ~ 
| 不 过 明度 (0):| > 75x 


x 位移 (0;|2 20 px 


了 位 移 四 :| > 20 zx 


GE] 


© me Co:] OW 0): 


mn (ED) 


| 人 @ 主 此 ， 术 案例 制作 完成 ,如 图 5.93 所 示 。 
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TIEETEETOEIEIITERE 


次 六 友 六 


New 
products 


[太太 太太 
6.4 商业 案例 一 一 国内 旅行 
设计 


16.4.1 设计 思路 


加 ”案例 类 型 


2 


[ye 
扫 码 看 视频 


本 案例 为 旅游 公 
国 。 项目 诉 求 
我 国 地 大 物 博 ， 


司 国内 旅行 的 海报 设计 项 目 。 


自然 景观 和 人 文 资源 都 非常 丰 


富 ， 想 要 完全 走 遍 中 


国 那么 多 景区 ， 不 是 职业 的 旅 


行 ， 是 根本 不 可 能 完成 的 。 所 以 ， 这 次 推荐 的 项 目 
是 体会 我 国 的 景区 风格 ， 我 国有 56 个 民族 ， 每 个 民 


族 都 有 自己 的 文化 ， 
承 了 许多 古老 传承 的 
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特别 是 少数 民族 ， 还 维持 和 继 
民族 文化 和 建筑 ， 这 里 就 是 推 


荐 我 国 的 建筑 风格 。 
本 案例 要 求 制作 一 款 既 有 中 式 古 典 花 纹 又 有 现 
代 中 式 风格 的 海报 。 


图 ”设计 定位 


本 案例 制作 一 款 具有 古典 和 现代 花纹 的 背景 ， 


并 使 用 毛笔 效果 刷 出 景区 的 部 分 图 像 ， 并 添加 一 些 


装饰 的 水 墨 画 以 及 代表 中 式 的 祥云 图 案 。 


| 6.4.2 ”配色 方案 


本 案例 使 用 的 是 多 彩色 效果 ， 主 要 是 蓝 色 和 


色 ， 蓝 色 可 以 达到 醒目 的 效果 ， 白 色 为 辅助 蓝 色 达 
到 干净 的 效果 ; 另外 还 将 使 用 一 些 黑色 作为 中 国 风 
的 水 墨 画 以 及 书法 的 模拟 ， 亮 色 不 要 超过 三 种 ， 否 
则 会 使 人 产生 视觉 色彩 的 审美 疲劳 。 


| 6.4.3 “构图 方式 


本 案例 的 构 
式 需要 左右 和 上 


图 方式 为 均衡 构图 ， 这 种 构图 方 
以 及 对 角 要 有 素材 或 颜色 进行 平 


衡 ， 特 别 适合 表达 标题 多 的 平面 广告 ， 整 体 效果 凌 
乱 但 不 会 使 人 产 生 错 情 。 


| 6.4.4 ”同类 作品 欣赏 


本 案例 首先 创建 并 修改 装饰 边框 ， 调 整 渐变 填 
充 效果 ; 然后 创建 文字 注释 ， 绘 制 引号 ; 最 后 修剪 
图 像 ， 如 图 6-94 所 示 。 


使 用 “ 置 入 ”命令 置 入 素材 ; 

使 用 “和 矩形 工具 ”创建 并 修改 装饰 边框 ; 
使 用 “渐变 填充 ”工具 调整 渐变 填充 的 效果 ; 
使 用 “文字 工具 ”创建 文字 注释 ; 

使 用 “裁剪 图 像 ”裁剪 导入 的 图 像 ; 

使 用 “画笔 工具 ”绘制 引号 ， 


使 用 “路 径 查找 器 ”修剪 图 像 。 


操 1 | 
全 运行 Iliustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
。 建文 档 ” 对 话 框 中 设置 “宽度 ”为 1771px、 
“高 度 " 为 2657px， 选 择 “ 颜 色 模式 ”为 
“RGB 颜色 ”， 设 置 “ 光 栅 效 果 ” 为 “屏幕 
( 72ppi ) ”， 单 击 “ 创 建 ” 按钮， 创建 文档， 
如 图 6-95 所 示 。 
售 创建 文档 后 ， 在 菜单 栏 中 选择 “文件 > 置 入 ” 命 
” 令 ， 在 弹出 的 “ 置 入 ”对 话 框 中 选择 随 书 配备 
资源 中 的 “背景 .png” 文 件 ， 单 击 “ 置 入 ” 按 


四 导 京 灶 上 放 吉 JO1eJSnlll 荣 汉 千 


钮 ， 如 


图 6-96 所 示 。 


es 了 


© EE 


5 Wl wb 打印 


rE, 


置 入 素 


合 舞 台 


回 旺 示 导入 亚 页 ) 


文件 (Nh 背 虽 png 


图 6-96 


的 大 小 ， 如 图 6-97 所 示 。 


图 6-97 


层 ” 面 板 中 锁定 “图 层 1”， 


人 在 ' 
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材 后 ， 调 整 素材 的 位 置 和 尺寸 ， 使 其 符 | 


建新 图 层 ”按钮 甬 ， 创 建 “ 图 层 2” ， 如 图 6-98 
所 示 。 


2 图 层 


= "Ho 

图 6-98 

在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 建 
筑 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 6-99 
所 示 。 


置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 如 
图 6-100 所 示 。 


图 6-100 


人 @ 合 "文字 工具 ”T.,， 在 舞台 中 右上 角 的 位 
置 创建 文字 注释 ， 设 置 文字 合适 的 属性 ， 
如 图 6-101 所 示 。 


呈 


图 6-10 


人 伙 续 创建 红色 的 美文 ， 如 图 6-102 所 示 。 


人 在 舞台 中 选择 文字 ， 按 Ctrl+C 和 Ctrl+B 组 合 键 ， 
复制 文字 到 后 面 ， 设 置 文字 的 填充 为 白色 。 选 
择 确 定 复制 出 的 文字 处 于 选中 状态 ， 使 用 向 右 
的 箭头 稍微 调整 一 下 其 文字 的 位 置 ， 如 图 6-103 
所 示 。 


图 6-103 
人 人 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
的 “ 置 入 ”对 话 框 中 选择 随 书 配 备 资源 中 的 
“ 花 png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 6-104 


所 示 。 


二 
wm 
图 6-104 
置 入 素材 后 ， 调 整 素材 的 大 小 和 位 置 。 在 工具 
属性 栏 中 或 “属性 ”面板 中 单 击 “ 裁 剪 图 像 ” 
按钮 ， 裁 剪 置 入 的 素材 图 像 ， 将 在 舞台 外 侧 的 
区 域 裁剪 掉 ， 如 图 6-105 所 示 。 


习 MRI 
外 力 旅游 


图 6-105 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 加 
的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 
“ 画 .psd” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 6-106 
所 示 。 


图 6-106 


5 回 习 言 类 上 扩 到 J01eQSnlll 荣 半 千 


人 人 于 人 素材 后 ， 在 “属性 ”面板 中 单 击 “ 裁 剪 图 
像 ”按钮 ， 调 整 裁剪 区 域 ， 如 图 6-107 所 示 。 


图 6-107 
在 舞台 中 如 图 6-108 所 示 的 位 置 


创建 文字 ， 使 用 


“画笔 工具 ”x.， 在 工具 属性 栏 中 设置 合适 的 


画笔 参数 ， 绘 制 单 引 号 。 


图 6-108 


i 台中 如 图 6- 109 所 示 的 位 置 创建 文字 。 


图 6-109 


SC 选择 “对 象 > 扩 展 ” 


定 ” 按 钮 ， 如 图 6-110 所 示 。 


命令 ， 在 弹出 的 
扩展 ”对 话 框 中 使 用 默认 的 参数 ， 单 击 “ 确 


Ss 设置 填充 为 渐变 ， 在“ 渐 


面板 中 设置 渐变 为 紫红 - 蓝 


-青色 - 黄 绿 色 


如 图 6-111 所 示 。 
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不 条 明度 : 100% ~ 
位 置 : 100% ~ 


图 6-110 图 6-111 


使 


“渐变 工具 ” 国 ， 在 舞台 中 重新 填充 渐 


变 ， 如 图 6-112 所 示 。 


图 6-112 


使 用 


"文字 工具 ”T,， 在 如 图 6-113 所 示 的 位 置 


创建 英文 。 


图 6-113 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹 
出 的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 


“ 云 .psd” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 6-114 所 示 。 


全 畦 作 素材 后 ， 在 舞台 中 复制 “ 云 ”素材 ， 点 缀 | | Ot “矩形 工具 ” 国 ,， 在 舞台 中 转换 为 图 形 的 
海报 ， 如 图 6-115 所 示 。 轮廓 上 创建 矩 形 ， 如 图 6-118 所 示 ， 作 为 修剪 


图 像 。 
IIPOIISS Cy To 


图 6-118 


人 在 舞台 中 选择 矩形 和 和 矩 形 轮廓 图 形 ， 在 “ 属 
性 ”面板 的 “路 径 查找 器 ”组 中 单 击 “ 减 去 顶 
层 ” 按 钮 名 ， 修 剪 图像， 如 图 6-119 所 示 。 


图 6-115 


使 用 “和 抵 形 工具 ” 国 ,， 在 舞台 中 创建 答 形 ， 设 Pa 
置 合 适 的 大 小 ， 设 置 “ 填 充 ” 为 无 ， 设 置 “ 描 A 
边 ”为 红色 ， 如 图 6-116 所 示 。 国 ** 


MW ~ 
图 理 me lo  ， 


Pride of 
the motherland 、 


= 反 

旅游 去 哪儿 :| 
y ES EE 第 
rp 海 
报 
sje es 网 
单 二 以 大 云顶 屋 , 按 住 Option 锋 单 告 
本 全 旭 轨 作 设 
六 绸 重新 着 色 计 

对 齐 像素 网 格 建立 葛 切 亚 版 


旅游 去 哪 ) 


图 6-116 
OR 选择 “对 象 > 扩展 ”命令 ， 在 弹出 的 


扩展 ”对 话 框 中 使 用 默认 的 参数 ， 单 击 “ 确 
定 ” 按 钮 ， 将 描 边 转换 为 图 形 ， 如 图 6-117 所 示 。 


| 
回填 充 (F) 


描 边 (5) 


图 6-119 


使 用 “文字 工具 ”T.,， 在 修剪 的 图 形 位 置 创建 
文字 ， 如 图 6-120 所 示 。 


旅游 去 吁 儿 、 


将 渐变 扩展 为 


图 6-120 
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四 局 计 灶 上 许 吉 JO1eQSnlll 荣 汉 千 


SS 如 图 6-121 所 示 。 


旅游 去 哪儿 


人 复制 一个 矩形 ， 将 其 排列 放置 到 另 一 个 和 矩形 的 | 
小 ， 如 图 6-123 所 示 。 


全 选择 两 个 算 形 ， 在 “属性 " 
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在 舞台 


使 用 


图 6-121 
“和 珑 形 工 具 ” 国 ,， 创 建 白色 的 
和 矩形， 设置 其 大 小 和 位 置 符合 舞台 即 可 ， 如 
图 6-122 所 示 。 


图 6-122 


上 方 ， 


缩放 其 大 


图 6-123 


面板 的 “路 径 查找 


器 ”组 中 单 击 “ 减 去 顶层 ”按钮 略 ， 修 剪 图 
像 ， 得 到 如 图 6-124 所 示 的 效果 。 


图 6-124 
在 “属性 ”面板 中 设置 边框 的 “不 透明 度 ” 为 
70%， 如 图 6-125 所 示 。 


图 6-125 
至 此 ， 本 例 就 制作 完成 ， 其 实 就 是 简单 地 导入 
素材 和 修剪 素材 拼凑 出 来 的 ， 如 图 6-126 所 示 。 
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勒 扩 到 JoeQSnlll 芝 省 嬉 


5 四 导 讲 


7 了 1 DM 画册 概述 ) 


DM 是 英文 Direct Mail Advertising 的 简称 ， 即 直 
接 邮 递 广告 ， 也 称 直 邮 广 告 ， 是 指 通过 邮政 系统 将 
广告 直接 送 给 受众 的 广告 形式 。 说 得 简单 点 ， 就 是 
用 于 客户 宣传 的 画册 ， 一 般 是 宣传 单 张 ， 三 折 页 ， 
甚至 包括 一 些 页 数 比较 少 的 画册 ， 用 于 街道 派发 、 
楼 梯 口 放 置 或 者 通过 邮件 指定 派发 。 


|7.1.1 ”什么 是 DM 画册 


DM 是 广告 主 所 选 定 的 对 象 ， 将 印 就 的 印刷 
品 ， 用 邮寄 的 方法 传达 广告 主 所 要 传达 的 信息 的 一 
种 手段 。 

DM 画册 是 企业 单位 对 外 宣传 的 广告 媒介 之 
一 ， 是 展示 自身 良好 形象 的 一 种 宣传 方法 。 画 册 属 
于 印刷 品 ， 内 容 一 般 包 括 宣传 公司 企业 产品 、 企 业 
文化 、 业 务 内 容 等 一 些 信 息 ， 画 册 中 除了 包含 这 些 
信息 外 ， 还 配套 图 片 信息 ， 多 个 页 数 装订 在 一 起 的 
精品 册子 ， 这 就 是 DM 画册 ， 如 图 7-1 所 示 。 


仿 
CORPORATE 
BIFOLD 


BROCHORE 


画册 属于 印刷 品 ， 是 企业 对 外 的 名 片 。 内 容 包括 产品 的 
外 形 、 尺 寸 、 材 质 、 型 号 等 概况 ， 或 是 企业 的 发 展 、 管 理 、 
决策 、 生 产 等 一 些 概况 。 


本 章 将 介绍 画册 的 一 些 基 本 常识 和 设计 中 需要 注意 的 


| 7.1.2 ”DM 画册 的 设计 原则 


画册 设计 就 是 设计 师 根据 客户 的 企业 产品 、 
企业 文化 、 业 务 内 容 以 及 推广 策略 等 ， 用 流畅 的 线 
条 、 震 撼 的 美 图 ， 配 合 优美 的 文字 ， 富 有 创意 的 排 
版 等 构成 关系 ， 使 画册 具有 视觉 美感 。 提 升 画册 的 
设计 品质 和 企业 内 涵 ， 使 其 能 够 准确 有 效 地 表达 企 
业 产 品 、 企 业 文化 、 业 务 内 容 等 ， 达 到 塑造 品 
广 而 告 之 的 目的 。 

下 面 简单 地 介绍 画册 设计 的 几 个 设计 原则 。 


(1) 传达 正确 的 信息 。 精 明 的 点 子 会 让 人 有 眼 
前 一 亮 、 印 象 深刻 ， 但 准确 的 诉求 才 会 改变 人 的 


态度 ， 影 响 人 的 行为 。 设 计 不 仅 要 求 美观 ， 还 需 
在 美观 的 同时 ， 能 直观 地 表达 出 正确 的 信息 和 


(2) 确定 主题 和 目的 。 每 个 画册 有 一 定 的 目 
的 和 主题 ， 把 握 主题 ， 引 导读 者 并 对 其 进行 导向 。 
画册 是 做 给 读者 看 的 ， 是 为 了 达成 一 定 的 目标 ， 为 
了 促进 市 场 运作 ， 既 不 是 为 了 取悦 广告 奖 也 不 是 为 
了 收藏 。 画 册 的 设计 需要 揣摩 目标 对 象 的 心态 ， 创 
意 才能 起 到 应 有 的 效果 。 

(3) 简明 扼要 。 客 户 看 宣传 册 是 一 种 参考 
不 是 为 了 阅读 。 画 册 上 的 信息 要 尽量 采用 通俗 易 懂 
的 词句 ， 简 单 明 了 地 阅 述 即 可 ， 切 莫 高 估 读 者 对 信 
息 的 理解 和 分 析 能 力 。 

(4) 将 创意 视觉 化 、 信 息 化 。 将 重要 的 信息 
进行 设计 ， 使 其 具有 创意 的 效果 ， 但 不 要 偏离 主 
题 。 做 到 既 有 夺目 的 设计 效果 ， 又 有 需要 客户 看 到 
的 信息 ; 既 可 以 达到 装饰 效果 ， 又 能 达到 醒目 效 
果 ， 如 图 7-2 所 示 。 


画册 的 分 类 有 很 多 ， 按 分 类 的 不 同 ， 可 能 有 
上 百 种 不 同 的 画册 类 型 ， 下 面 整理 出 几 种 最 
的 画册 设计 类 型 ， 如 企业 画册 设计 、 公 司 形 
设计 、 产 品 画册 设计 、 宣 传 画册 设计 、 企 业 年 
册 设 计 、 型 录 画 册 设 计 、 样 本 画册 设计 、 产 品 导 


设计 。 
| 7.1.4” DM 画册 的 常见 开本 


画册 样本 主要 有 横 开 本 、 竖 开本 两 种 方式 。 
其 尺寸 并 不 国定 ， 依 需要 而 定 ， 常 见 标准 尺寸 为 
210mmX285mm。 正 方形 尺寸 一 般 为 6 开 、12 开 、 
20 开 、24 开 。 


9 商业 案例 一 一 企业 宣传 画册 ) 


加 
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| 7.2.1 设计 思路 


加 ”案例 类 型 ee 
本 案例 是 一 个 企业 宣传 画册 的 设 扫 码 看 视频 
计 项 目 。 
国 ”项目 诉求 
下 面 制作 一 个 简约 的 商务 企业 宣传 画册 ， 商 务 
类 型 的 画册 一 般 比较 简单 ， 主 要 表现 企业 的 Logo、 
企业 的 名 称 等 ， 如 图 7-3 所 示 为 一 些 较为 优秀 的 
画册 。 


HISTORY 
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图 ”设计 定位 

宣传 画册 以 企业 文化 、 企 业 产 品 为 传播 内 
容 ， 是 企业 对 外 最 直接 、 最 形象 、 最 有 效 的 宣传 
方式 。 所 以 根据 要 求 ， 本 案例 画册 整体 要 保持 简 
单 的 布局 ， 使 用 线段 或 形状 来 抵消 一 些 商 务 的 沉 间 
氛围 ， 且 以 蓝 色 和 白色 表现 商务 的 效果 ， 如 图 7-4 
所 示 。 


Ary 


图 7-4 


| 7.2.2 ”配色 方案 


为 了 体现 出 商务 的 氛围 ， 采 用 简单 冷静 的 蓝 
色 和 和 白色， 避免 过 于 单调 ， 将 采用 一 些 代表 公司 
形象 的 图 像 ， 同 时 还 添加 一 些 其 他 的 装饰 图 案 和 
线条 。 
加 ” 主 色 
在 颜色 上 使 用 蓝 色 作为 主 色 调 。 蓝 色 和 白色 
是 最 冷静 和 商务 的 颜色 ， 蓝 色 表现 出 一 种 美丽 、 冷 
静 、 理 智 、 安 详 与 广阔 。 由 于 蓝 色 沉稳 的 特性 ， 具 
有 理智 、 准 确 的 意象 ， 在 商业 设计 中 ， 强 调 科 技 、 
效率 的 商品 或 企业 形象 ， 大 多 选用 蓝 色 作为 标准 
色 、 企 业 色 ， 如 图 7-5 所 示 。 


辅助 色 为 白色 ， 和 白色 可 以 搭配 在 任何 素材 中 
无 论 是 时 尚 还 是 商务 ， 都 可 以 使 用 ， 所 以 白色 是 百 
措 


此 外 ， 我 们 还 提供 了 以 下 两 种 配色 方案 ， 灰 色 
的 方案 没有 任何 生机 ， 可 以 不 采用 ， 绿 色 的 配色 方 
案 整 体 来 说 较为 限量 ， 且 绿色 代表 的 是 积极 向 上 的 
-种 颜色 ， 同 样 也 可 以 使 用 到 初始 和 上 升 阶段 的 公 
司 ， 如 图 7-6 所 示 。 
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7.2.3 ”版 面 设计 


画册 整体 上 采用 对 称 构图 和 稳定 构 


， 封 面 


勒 必 到 JeQSnlll 芝 半 嬉 


采用 稳定 构图 ， 上 部 分 为 标题 和 标志 ， 下 部 分 为 
辅助 说 明 ， 包 括 内 2 页 中 的 设计 也 是 稳定 构图 ， 
内 1 页 则 采用 的 是 对 称 构图 ， 左 侧 为 图 像 右 侧 为 
文字 。 


17.2.4” 同 类 作品 欣赏 


17.2.5 项目 实战 


图 ”制作 流程 
本 案例 首先 绘制 背景 和 矩形 形状 ; 然后 创建 文 
字 注 释 ， 最 后 调整 矩形 的 倾斜 如 图 7-7 所 示 。 


oo 2020 


全 业 画 全 对 面 : 


The Album Cover 
基 堵 而 


图 7-7 


都 非常 简单 ， 下 面 将 制作 企业 画 出 
人 运行 lustrator 软 件 ， 新 建文 件 ， 


图 7-7 ( 续 ) 


技术 要 点 


使 用 “矩形 工具 ”绘制 背景 和 和 矩形 形状 ; 
使 用 “ 置 入 ”命令 置 入 素材 图 像 ; 


使 用 “文字 工具 ”创建 注释 ; 
使 用 “钢笔 工具 ”绘制 形状 ; 


使 用 “倾斜 工具 ”调整 矩形 的 倾斜 ; 
使 用 “属性 ”面板 调整 图 形 属 性 。 


操作 步骤 


制作 封面 


本 案例 将 制作 三 页 画册 模板 ， 制 作 过 程 和 步骤 


建文 档 ” 对 话 框 中 设置 “宽度 


“高 度 ” 为 291mm， 单 击 “ 创 寻 
文档 ， 如 图 7-8 所 示 。 
新 建文 档 后 ， 使 用 “ 甜 形 工具 ” 


封面 。 
在 弹出 的 “新 


”为 426mm、 
”按钮 ， 创 建 


是 在 舞台 中 创 


建 矩 形 ， 在 “属性 ”面板 中 设置 矩形 的 “ 宽 ” 
为 213.078mm、“ 高 ”为 291.042mm， 设 置 填 


色 为 所 8649e， 如 图 7-9 所 示 。 


图 7-13 所 示 。 
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风 Clipo 


按 住 Alt 键 移动 复制 矩形 ， 调 整 矩形 到 合适 的 位 
置 ， 设 置 填 色 为 白色 ， 如 图 7-10 所 示 。 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 风 
景 .jpg” 文件 ， 单 击 “ 置 入 ”按钮 ， 如 图 7-11 
所 示 。 

置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 并 使 用 
“ 珑 形 工 具 ” 创 建 一 个 蓝 色 和 形 ， 如 图 7-12 所 示 。 
使 用 “文字 工具 ” 工 ,， 在 舞台 中 创建 文字 ， 设 


coRPORATE 
企业 画册 封面 2oz0 -2oz012 


使 用 “钢笔 工具 ”分 .， 在 舞台 中 创建 形状 ， 如 置 “不 透明 度 ” 为 30%， 如 图 7-17 所 示 。 
7-14 所 示 。 


在 舞台 中 创建 矩形 ， 作 为 修剪 对 象 ， 选 择 在 舞 
台中 修剪 的 对 象 ， 如 图 7-18 所 示 。 


类 尾 届 JoOle4Snlll 芝 汉 丑 


在 “属性 ”面板 中 ， 设 置 “ 填 色 ”为 所 8649e， 


例 
目 设置 “ 描 边 ”为 无 ， 设 置 “ 不 透明 度 ”30%， 
如 图 7-15 所 示 。 
Yuan a 
CE 
园 由 
加 mw 
玩 在 “属性 ”面板 的 “路 径 查找 器 ”组 中 单 击 


”按钮 甸 ， 如 图 7-19 所 示 修 前 掉 舞 


使 用 “钢笔 工具 ”人 #,， 在 舞台 中 创建 形状 ， 设 
置 “ 填 色 ” 为 #18649e， 设 置 “ 描 边 ” 为 无 ， 设 


置 “不 透明 度 ” 为 30%， 如 图 7-16 所 示 。 


日 “钢笔 工具 ”分 .， 在 舞台 中 创建 形状 ， 设 
“ 盾 色 ”为 所 8649e， 设 置 “ 描 边 ”为 无 ， 设 在 舞台 中 调整 文字 形状 的 排列 ， 如 图 7-20 所 示 。 
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corroRATE 2020 


企业 面 得 封 而 


图 7-20 
使 用 “文字 工具 ”T,， 在 舞台 中 创建 文字 ， 调 
整 文字 的 属性 ， 如 图 7-21 所 示 。 


0 ,2020 


The Album Cover 
通用 于 企业 面 册封 而 


图 7-21 
封面 的 正面 制作 完成 后 ， 下 面 将 制作 封面 的 
背面 ， 添 加 公司 的 Logo 和 公司 名 称 ， 如 图 7-22 
所 示 。 


coppopATE 2020 


企业 而 角 村 面 


The Album Cover 
适用 于 企业 画 曾 计 而 


内 页 模板 
下 面 将 制作 企业 画册 的 内 页 模板 。 


| (复制 封面 的 背景 图 形 到 舞台 空 白 处 ， 修 改作 为 


背景 的 矩形 为 白色 ,使 用 “ 甜 形 工具 ” 国 ,， 在 
舞台 中 创建 矩形 ， 设 置 和 矩形 的 位 置 和 大 小 ， 如 
图 7-23 所 示 。 


图 7-23 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 风 
景 (2 ) .jpg” 文件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 7-24 所 示 。 
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图 7-24 
在 舞台 中 调整 置 入 的 素材 的 大 小 和 位 置 ， 如 
图 7-25 所 示 。 


图 7-25 
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手 疝 圳 国 NQ 几 / 滤 


访 闭 后 开 10}e44SnNll| 笨 准 吴 


贰 规 胁 自生 交加 污 


面板 上 


Pp 


人 在 “局 性" 


在 舞台 中 裁剪 图 像 ， 妇 
后 ， 在 “属性 ”面板 


售 调 糙 


图 7-26 


像 在 舞台 中 的 效果 ， 如 图 7-27 所 示 。 


击 “裁剪 图 像 ”按钮 ， 
图 7-26 所 示 ， 裁 剪 图 像 
h 单 击 “应 用 ” 


按钮 。 


下 


色 ” 为 #18649e， 设 置 “ 描 边 ” 为 无 ， 设 置 “ 不 


图 7-27 
使 用 “矩形 工具 ” 园 ， 在 舞台 中 创建 答 形 ， 
设置 合适 的 尺寸 ， 在 “属性 ”面板 中 设置 " 填 | 


透明 度 ”为 30%， 如 图 7-28 所 示 。 


图 7-28 


工具 箱 中 


| 


鼠标 


击 “ 比 例 缩放 了 


钮 ， 在 弹出 的 隐藏 工具 中 使 用 “倾斜 工具 ”这 ， 
在 舞 人 台中 和 珑 形 的 上 方 控制 点 上 按 住 鼠 标 左 键 移 
动 倾斜 图 像 ， 如 图 7-29 所 示 。 


图 7-29 
调整 矩形 的 倾斜 后 ， 使 用 “选择 工具 ” 按 住 
Alt 键 移动 复制 矩形 ， 如 图 7-30 所 示 ， 移 动 复制 
出 一 个 矩形 后 ， 可 以 按 Ctrl+D 组 合 键 继续 复 制 
图 形 。 


图 7-30 
在 如 图 7-31 所 示 的 位 置 使 用 “钢笔 工具 ”给 
制 形状 ， 设置 “ 填 色 ”为 #18649e， 设 置 “ 描 
边 ”为 无 ， 设 置 “不 透明 度 ”为 30%。 


调整 图 形 ， 如 图 7-32 所 示 。 


OSL 


图 7-32 


使 用 “文字 工具 ”T,， 在 舞台 中 创建 文字 ， 如 


图 7-33 所 示 。 


输入 标题 


图 7-33 


他 继续 复制 出 两 个 矩形 背景 ， 制 作 另 一 个 内 页 模 
板 ， 使 用 “矩形 工具 ” 贺 ,， 在 舞 合 中 如 图 7-34 
所 示 的 位 置 创建 矩 形 ， 设 置 填充 为 所 8649e， 设 


置 “ 描 边 ”为 无 。 


图 7-34 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 


“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 


h 的 “ 风 


景 .jpg” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 7-35 


图 7-35 
置 入 素材 后 ， 在 舞台 中 调整 素材 的 大 小 ， 包 
图 7-36 所 示 。 


图 7-36 
在 “属性 ”面板 中 单 击 “ 裁 剪 图 像 ”按钮 ， 
在 舞台 中 裁剪 图 像 ， 如 图 7-37 所 示 。 调 整 好 裁 


剪 区 域 后 ， 在 “属性 ”面板 中 单 击 “ 应 用 ” 
按钮 。 


图 7-37 


人 他 调 兰 像 的 排列 ， 如 图 7-38 所 示 将 矩形 显示 
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使 用 “文字 工具 ”TT,， 在 舞台 中 创建 文字 ， 设 
置 合适 的 属性 即 可 ， 如 图 7-39 所 示 。 


至 此 ， 企 业 的 宣传 画册 模板 制作 完成 ， 如 果 需 
要 使 用 ， 只 需 替换 文字 内 容 即 可 。 


商业 案例 一 一 超市 促销 宣传 
册 设 


7.3.1 ”设计 思路 


国 中 和 
本 案例 是 一 款 超市 促销 宣传 册 的 ”要 码 看 视频 
设计 项 目 。 


超市 的 宣传 册 是 为 了 宣传 自己 的 超市 品牌 ， 
且 从 中 精 挑 细 选 一 些 低 供应 商 ， 根 据 低 价 销售 这 一 
特点 ， 带 动 超市 整体 运营 ， 这 就 是 超市 宣传 册 的 效 
果 ， 如 图 7-40 所 示 。 

根据 超市 店庆 10 周 年 为 主题 ， 需 要 制作 一 款 超 
市 促销 DM 宣传 页 的 模板 ， 主 要 板块 可 以 分 为 超 低 
价 商品 、 优 惠 活动 。 


图 ”设计 定位 

根据 项 目 诉求 ， 需 要 将 主要 标题 设置 为 “周年 
庆典 ”， 在 标题 下 将 主要 推出 活动 内 容 吸引 顾客 。 
在 其 他 内 容 页 将 主要 推出 特价 商品 和 活动 商品 ， 从 
中 还 可 以 穿插 广告 和 一 些 超市 的 信息 。 


| 7.3.2 配色 方案 


配色 上 选择 使 用 粉红 色 ， 避 开 了 主 色 为 大 红 
色 ， 因 为 客户 觉得 每 次 活动 都 用 大 红色 太 过 张 
扬 ， 所 以 在 配色 上 使 用 上 暖色， 使 人 们 心情 愉悦 ; 
且 使 用 红色 调 会 夺取 内 容 和 图 片 的 太 多 注意 力 ， 
所 以 主 色 采用 不 夺目 的 色调 ， 突 出 商品 、 广 告 和 
活动 信息 。 
国 其 他 配色 方案 
虽然 客户 不 喜欢 红色 ， 但 是 不 用 饱和 度 高 的 红 
也 是 可 以 达到 需要 的 目的 和 效果 ， 如 图 7-41 所 示 
图 ， 下 图 为 蓝 色 ， 蓝 色 这 个 色调 可 以 放置 到 冷 鲜 
、 奶 制品 活动 页 中 使 用 。 


可 绕 价 


| 7.3.3 ”版面 构图 


本 案例 采用 中 心 形 构 


图 方案 ， 将 标志 、 主 题 、 


辅助 文案 以 画面 中 心 点 为 准 ， 聚 集 在 一 个 区 域 范 


区 域 。 


围 内 居中 排列 ， 这 样 可 以 使 用 户 集中 观察 在 一 个 


| 7.3.4 同类 作品 欣赏 


Wis 


补益 气 血 礼品 区 


-村 村 
| 


本 


LE 


项 2 名 


半 闻 圳 画 NG 


访 阐 后 开 10}e44Snll| 笨 准 丑 


病 项 只 帅 半 区 丰 污 


17.3.5 ”项目 实战 


图 ”制作 流程 

本 案例 首先 设置 图 像 的 混合 模式 ， 再 绘制 矩形 
形状 ; 创建 文字 注释 ， 设 置 投影 效果 ; 最 后 将 形状 
转换 为 图 形 ， 并 进行 修剪 ， 如 图 7-42 所 示 。 


osna| | ax 
新 翌 干 果 适 动 区 


过 党 雪 
EF 


使 用 “ 置 入 ”命令 置 入 背景 素材 ， 
使 用 “外 观 ”设置 图 像 的 混合 模式 ; 

使 用 “矩形 工具 ”绘制 矩形 形状 ; | 
使 用 “文字 工具 ”创建 文字 : 

使 用 “效果 > 风格 化 > 投影 ”命令 设置 投影 


使 用 “扩展 ”命令 将 形状 转换 为 图 形 ; 
使 用 “路 径 查找 器 ”修剪 图 像 。 
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国 ”操作 步骤 
运行 lllustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 426mm 、 
“高 度 ”为 291mm， 单 击 “ 创 建 ” 按 钮 ， 创 
建文 档 ， 如 图 7-43 所 示 。 

== Ey WN 


9 Si 全 用 而。 已 训 气 


hig i 


到 
es 已 3 
N 下 入 
为 因 : 
a 醒 、 记 
(CB) 
图 7-43 


(在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 背 
景 .png” 文 件 ， 单 击 
所 示 。 


“ 置 入 ”按钮 ， 如 图 7-44 


-ee 


图 7-44 
置 入 素材 后 ， 复 制 素材 ， 作 为 整个 宣传 册 的 背 
景 ， 调 整 素材 的 大 小 和 位 置 ， 如 图 7-45 所 示 。 


图 7-45 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 | 
的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 “ 花 


朵 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 7-46 ， 
所 示 。 


企业 可 册 ai 
回放 
We) 
Ee 
DAS NR 


置 入 “ 花 办 .png” 文 件 ， 调 整 素材 的 位 置 和 大 
小 ， 如 图 7-47 所 示 。 
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| 


图 7-47 
置 入 “蝴蝶 .png” 文 件 ， 调 整 素材 的 位 置 和 大 
小 ， 在 “外 观 ” 面 板 中 单 击 “ 不 透明 度 ”， 从 


弹出 的 下 拉面 板 中 选择 “混合 模式 ”为 “正片 
鞠 底 ”， 如 图 7-48 所 示 。 
4 导 地 - > 一 ; 
ee 
P| ed 
J EE 中 
i | 


图 7-48 
(背景 设置 好 后 ， 在 “图 层 ”面板 中 锁定 “图 
1”， 新 建 “ 图 层 2” 


部 
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| 
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| 
| 
| 
| 
| 
| 
口 wmzy | 
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， 如 图 7-49 所 示 。 


2 myn 

图 7-49 
将 自己 的 Logo 导 入 舞台 中 ， 将 其 放置 到 右 侧 页 
面 的 左上 角 ， 如 图 7-50 所 示 。 


LOGO 


图 7-50 
选择 Logo， 在 菜单 栏 中 选择 “效果 > 风格 化 > 投 
影 ”命令 ， 在 弹出 的 “投影 ”对 话 框 中 设置 合 


Mm, 


适 的 投影 参数 ， 如 图 7-51 所 示 。 


ome of Ome o: 


Ce CC™ ) 


回 预 览 F) 


图 7-51 


调整 出 投影 Logo 效 果 ， 使 用 “文字 工具 
如 图 7-52 所 示 的 位 置 创建 文字 。 


图 7-52 


| “ 甜 形 工具 ” 国 ,在 舞台 中 创建 矩 形 ， 设 置 
“ 填 色 ” 为 无 ， 设置“ 描 边 ”为 #44145a， 设 置 
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站 两 囊 区 NG 岩 2 沂 


J 浮 访 阐 后 邢 10}e44SNIl| 笨 准 丑 


描 边 的 粗细 为 15pt， 如 图 7-53 所 示 。 


LoGo 


图 7-53 


复制 矩形 ， 修 改 和 矩形 的 “ 描 边 ”颜色 为 


#ef6b83， 设 置 描 边 粗细 为 Spt， 如 图 7-54 所 示 。 


面 En 


ES 


图 7-54 


《@ 选择 两 个 矩形 描 边 ， 在 菜单 栏 中 选择 “对 象 > 扩 
展 ” 命 令 ， 在 弹出 的 “扩展 ”对 话 框 中 使 用 默 
认 参 数 ， 单 击 “ 确 定 ”按钮 ， 如 图 7-55 所 示 。 


扩展 


回填 充 F) 
描 边 (S) 


将 渐变 扩展 为 


”图 7-55 


置 一 个 填 色 ， 如 图 7-56 所 示 。 


| 《选择 外 建 的 矩形 和 扩 
形 ， 如 图 7-57 所 示 。 


| 人 全 在 “路径 查找 器 "面板 


如 图 7-58 所 示 。 


路 径 刘 找 器 
形状 模式 


La 


图 7-56 


展 后 的 两 个 矩形 轮廓 图 


图 7-57 


h 单 击 “ 分 割 ”按钮 别 ， 


地 凡 同 扣 


路 径 查找 器 - 


[lm ma 
图 7-58 


《@ 删除 分 害 语 不 需要 的 图 


的 效果 。 


扩展 图 形 后 ， 在 “属性 ”面板 中 单 击 “ 取 消 编 | 
组 ”按钮 ， 如 果 要 使 用 “路 径 查 找 器 ”编辑 图 


形 ， 一定 要 取消 编组 才 可 以 。 
@@ 合 
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“和 矩 形 工 具 ” 国 ,， 在 舞台 中 创建 和 矩 形 ， 设 


形 ， 得 到 如 图 7-59 所 示 


图 7-59 


人 @ 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 标 
题 .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 7-60 


所 示 。 


图 7-60 
人 OM 时 入 素材 后 调整 素材 的 位 置 和 大 小 ， 如 图 7-61 


所 示 。 


使 


一 一 | 
和 


多 
图 7-61 


用 “文字 工具 ”T. 在 舞台 中 创建 文字 ， 


图 7-62 所 示 ， 不 让 标题 上 方 留 有 空白 。 


VOarm celebration 


同和 


图 7-62 


如 


| 人 在 如 图 7-63 所 示 的 位 置 创建 文字 。 


TOarm celebration 


NEW IN SALE 
全 场 五 折 起 


F 活动 时 间 : 5 月 ! 日 至 6 月 1 日 


图 7-63 


全 继续 创建 文字 ， 丰满 页 面 ， 如 图 7-64 所 示 。 


NEW IN SALE 
全 场 五 折 起 


Ld NA: 4AIB eR" 


图 7-64 


使 用 “和 矩 形 工具 ” 国 , 在 舞台 中 创建 和 矩 形 ， 可 以 
使 用 “吸管 工具 ”4z.， 吸 取 需 要 填充 的 颜色 ， 


并 设置 “不 透明 度 ” 为 50%， 如 图 7-65 所 示 。 


Warm celebration 


位 征 殉 


NEW IN SALE 
全 场 五 折 起 


里 :31 


全 场 满 300 减 100 满 200 减 60 


图 7-65 
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站 两 圳 国 NNG 山 / 油 


内 站 疙 四 尝 京 类 上 许 双 JO1eXSnlll 荣 汉 千 


兮 在押 中 创建 咨询 电话 ， 如 图 7-66 所 示 。 


| 全 复制 标题 到 表 景 ， 并 在 如 图 7-69 所 示 的 位 置 创 


a toco 
三 和 
pr 
a 
Cw \ 
[Ha 2; ~ NEW IN SALE 
全 场 五 折 起 
" Bay: sas oe 
EE 全 场 满 300 减 100 满 200 减 60 
Cie) [Ta 
新 品 全 志 i 优惠 活动 
CC Came 章 受 五 折 优 惠 话 动 
下 
[A [ E73 h a 
Te ms 


0 
7-66 
在 舞台 中 选择 咨询 热线 文字 ， 在 菜单 栏 中 选择 


“效果 > 风格 化 > 投影 ”命令 ， 在 弹出 的 “ 投 | 


影 ”对 话 框 中 设置 合适 的 参数 ， 如 图 7-67 所 示 。 


TOarm celebration 
年 bp 

NEW IN SALE 
全 场 五 折 起 


活动 时 间 : 5 月 ?日 至 6 月 1 日 


= 和 a 


nh 全 A = 
获 询 热线 : 400=888-8888888*8 


图 7-68 
《他 这 样 宣传 册封 面 就 制作 完成 ， 下 面 制作 背面 。 
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建文 字 。 


新 鱼水 村 大 放送 


同年 囊 


使 用 “矩形 工具 ” 贺 , 在 舞台 中 创建 答 形 ， 在 
“属性 ”面板 中 设置 “ 填 色 ” 为 无 ， 设置“ 描 
边 ”的 颜色 为 #dle79， 设 置 “ 描 边 ”的 粗细 为 
3pt， 设 置 “ 不 透明 度 ” 为 50%， 如 图 7-70 所 示 。 


二 43.392 9 室 :|55 mm 
& 


和 TL.71 mm 次: 67,893 m 


i0 ~ 中 对 


图 7-70 
在 矩形 的 内 侧 添加 素材 图 像 ， 并 添加 文字 注 
释 ， 如 图 7-71 所 示 。 


兮 在 舞台 中 复制 内 容 ， 如 图 7-72 所 示 。 


新 鲜 水 果 大 放送 


全 复制 男 一 个 活动 


aon “ 18.0nng| | 18.0xne 


omna on 


le 


EE EE EE 3 
18.0 元 ng| 18.0 元 ltg| 18.0F/ng| 


图 7-73 
人 @ 继续 复制 并 添加 每 个 活动 区 域 的 注释 ， 如 图 7-74 ， 
所 示 。 


新 鲜 水 果 大 放送 


| 全 至 此 本 案例 制作 完成 。 


“17.4.1 设计 思路 


低 闻 开 面 下 方 的 透明 矩形 和 文字 进行 复制 ， 移 动 
到 另 一 面 后 ， 修 改 文字 内 容 并 调整 到 合适 的 位 


置 ， 如 图 7-75 所 示 。 


4 女 女 文 文 | 


7.4 Ca 


| 四 “案例 类 型 人 


本 案例 是 蛋糕 店 的 三 折 页 画册 设计 项 目 。 
图 ”设计 背景 

蛋糕 是 一 种 古老 的 西点 甜品 ， 甜 品 可 以 促使 大 
脑 分 泌 一 种 化 学 物质 ， 这 种 化 学 物质 能 帮助 人 们 平 
衡 、 使 人 更 易 入 睡 ， 并 能 减轻 人 们 对 痛楚 的 敏感 
程度 ， 能 够 改善 不 良 情绪 ， 但 前 提 是 健康 饮食 ， 
如 图 7-76 所 示 。 
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手 浆 囊 轩 NG 项 / 澧 


四 导言 类 尾 吉 JO1eQSnlll 荣 汉 千 


图 7-76 


图 ”设计 定位 

本 案例 将 主要 制作 粉色 的 浪漫 蛋糕 的 三 折 页 封 
， 想 要 使 用 一 种 甜蜜 的 粉色 调 来 制作 ， 让 人 有 浪 
漫 的 、 甜 蜜 的 感觉 ， 封 面 整 体 需 要 简洁 大 气 。 


| 7.4.2” 配色 方案 


甜蜜 的 色彩 主要 包括 粉色 、 巧 克 力 色 ， 这 里 将 
使 用 粉色 来 体现 浪漫 的 甜蜜 ， 并 添加 一 些 协调 的 装 
饰 素材 来 搭配 。 

图” 主 色 

粉色 代表 可 爱 、 温 馨 、 娇 嫩 、 青 春 、 明 快 、 恋 
爱 等 美好 和 浪漫 ， 粉 色 是 时 尚 的 颜色 ， 会 使 人 产生 
放松 的 心理 效果 ， 如 图 7-77 所 示 。 


160 


图。 辅助 色 

辅助 色 采 用 了 接近 白 的 浅 灰 色 ， 浅 灰色 是 一 种 
轻 奢 的 颜色 ， 在 一 些 设计 作品 中 也 会 常常 出 现 一些 
灰色 调 ， 如 图 7-78 所 示 。 浅 灰色 相对 于 其 他 颜色 来 
说 ， 有 着 与 众 不 同 的 属性 和 格调 ， 它 代表 了 低调 、 
优雅 、 和 铃 持 和 理性 ， 它 从 不 张扬 夺目 、 显 山 露 水 ， 
却 是 色调 中 最 有 格调 的 色彩 。 浅 灰色 会 让 人 看 起 来 
有 些 暗 淡 、 不 起 眼 ， 但 它 恰恰 可 以 营造 出 一 种 没有 
冲突 的 氛围 ， 大 大 削弱 了 对 人 情绪 的 影响 ， 彰 显 出 
一 种 莫名 的 高 级 感 。 


图 7-78 
图 ”其 他 配色 方案 
除了 粉色 ， 可 以 尝试 使 用 筋 者 蓝 、 淡 淡 的 皮 粉 
色 和 香草 色 ， 这 三 种 颜色 都 是 非常 不 错 的 用 于 美食 
中 的 颜色 ， 只 需 蔡 换 一 下 对 应 的 素材 ， 都 可 以 达到 
预想 的 效果 ， 如 图 7-79 所 示 。 


| 7.4.3 版面 构图 

| 7.4.5 项 目 实战 
三 折 页 画册 通常 是 将 纸张 的 宽度 均 分 为 三 部 
所 以 每 个 页 面 的 尺寸 都 相对 较 小 。 在 较 小 的 版 


梭 制 媒 秆 方法 


排 内 容 其 实 并 不 容易 ， 本 案例 将 三 折 本 案例 首先 创建 背景 


封面 内 容 放置 得 较 少 ， 希 望 可 以 通过 简单 的 构 


图 像 显示 的 区 


域 ， 然 后 创建 文字 注释 ， 最 后 设置 投影 效果 ， 如 图 7-80 


色 ， 引 起 消费 者 阅读 的 兴趣 。 


半 闻 囊 国 NG 册 / 滥 


勒 扩 到 Je3QSnlll 芝 半 嬉 


秒 亲 沪 四 避 言 


Ee 
Ei 


图 7-80 
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加 ”技术 要 点 
使 用 “矩形 工具 ”创建 背景 ; 
使 用 “ 置 入 ”命令 置 入 素材 文件 ; 


使 用 “裁剪 图 像 ”按钮 调整 图 像 显 示 的 


使 用 “文字 工具 ”创建 文字 注释 ; 
使 用 “投影 ”命令 设置 投影 效果 。 
国 ”操作 步骤 


网 
莫 


运行 Illustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 285mm、 


“高 度 ” 为 210mm， 单 击 “ 创 建 ”按钮 ， 创 建 
文档 ， 如 图 7-81 所 示 。 
EE | 


HR。 


图 7-81 


使 用 “ 抵 形 工具 ”加 ,在 舞台 中 创建 矩形 ， 在 
“属性 ”面板 中 设置 “ 宽 ” 为 94mm、“ 高 " 为 


210mm， 如 图 7-82 所 示 。 


图 7-82 


Er 


En EC 


设置 矩形 的 “ 填 色 ”为 加 6e6e6， 设 置 “ 描 边 ” 


为 无 ， 如 图 7-83 所 示 。 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “蛋糕 
01png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 7-84 所 示 。 


按钮 应 用 裁剪 ， 如 图 7-87 所 示 。 


图 7-87 
使 用 “和 矩形 工具 ” 国 ,， 在 舞台 中 创建 矩形 ， 设 
置 矩 形 的 “ 填 色 ”为 # fbc6d6， 如 图 7-88 所 示 。 
使 用 "文字 工具 ”T.， 在 舞台 中 矩形 的 上 方 创 
建文 字 ， 设 置 文字 为 向 色 ， 设 置 合适 的 属性 ， 
如 图 7-89 所 示 。 


E33 


置信 素材 后 ， 调整 素材 的 位 置 和 大 小 ， 如 图 7-85 
所 示 。 


图 7-88 图 7-89 

人 00 选择 创建 的 文字 ， 在 菜单 栏 中 选择 “效果 > 风格 
化 > 投影 ”命令 ， 在 弹出 的 “投影 ”对 话 框 中 设 
置 合适 的 投影 参数 ， 如 图 7-90 所 示 。 


半 闻 圳 国 NG 央 / 沂 


:[: mn 
onao{] Oso: 


图 7-85 
© “属性 ”面板 中 单 击 “ 裁 前 图像 ”按钮 ， 在 


舞台 中 裁剪 图 像 ， 如 图 7-86 所 示 。 
( 命 城 剪 图 像 后 ， 在 “属性 ”面板 中 
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二 “应 用 ” 


人 OO 设置 投影 的 效果 如 图 7-91 所 示 。 
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导 京 类 尾 吉 JO1eXSnlll 荣 汉 千 


荨 项 岂 潭 科 扎 四 


图 7-91 
在 舞台 中 添加 Logo， 如 图 7-92 所 示 。 
设置 Logo 的 投影 效果 ， 如 图 7-93 所 示 。 


使 用 “选择 工具 ”， 按 住 Alt 键 ， 移 动 复制 矩 
形 ， 设 置 “ 填 色 ” 为 #fbc6d6， 设 置 合适 的 尺 
寸 ， 如 图 7-94 所 示 。 


图 7-94 


他 在 舞台 中 复制 Logo 到 封面 的 背面 ， 并 添加 一 些 


164 


文字 ， 如 图 7-95 所 示 。 


图 7-95 
人 他 设置 文字 的 “投影 ”效果 ， 如 图 7-96 所 示 。 


图 7-96 
人 全 复制 痛 景 矩形 ， 设置 “ 填 色 ”为 #e6e6e6， 如 
图 7-97 所 示 。 


人 在 荣 单 栏 中 选择 "文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配 备 资源 中 的 “ 蛋 
糕 03 png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 7-98 
所 示 。 


Ce jE 7 
pe 使 用 “矩形 工具 ”器 ,， 在 舞台 中 创建 条 形 ， 设 
i 置 “ 填 色 ” 为 白色 ,设置 “ 描 边 ”为 无 ,设置 
置 入 素材 后 ， 调 整 素材 的 大 小 和 位 置 ， 如 图 7.99 。。。 抵 形 合适 的 “不 透明 度 ”， 如 图 1.102 所 示 。 
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所 示 。 


在 舞台 中 使 用 “文字 工具 ”T.， 在 舞台 中 创建 
文字 ， 如 图 7-103 所 示 。 


图 7-99 
在 “属性 ”面板 中 单 击 “ 裁 剪 图像 ”按钮 ， 在 二 
舞台 中 裁剪 图 像 ， 然 后 在 “属性 ”面板 中 单 击 图 7-102 图 7-103 
“应 用 ”按钮 ， 应 用 裁 前 ， 如 图 7-100 所 示 。 设置 文字 的 颜色 为 白色 ， 并 为 其 设置 投影 效 
果 ， 如 图 7-104 所 示 。 


竹 闻 囊 画 NG 岩 / 沂 


图 7-100 
设置 裁剪 图 形 的 尺寸 ， 设 置 “ 不 透明 度 ” 为 
40%， 如 图 7-101 所 示 。 


图 7-104 
ee 并 设置 文字 的 投影 效果 ， 
7-105 所 示 。 
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秒 洒 放 遍 四 避 京 类 插 到 JeQSnlll 荣 冯 嬉 


全 至 此 ， 森 案例 制作 完成 。 


[太太 太 交 | 
7.5 优秀 作品 欣赏 


Loa 0 
封面 设计 蜡 


8 1] 封面 设计 概述 


封面 也 称 为 书 封面 、 封 皮 、 外 封 等 ， 一 般 封 面 


印 有 书 名 、 出 版 社 、 作 者 和 版 权 等 ， 是 装帧 艺术 的 
重要 组 成 部 分 ， 如 
效果 。 


加 8-1 所 示 为 一 些 优秀 的 封面 设计 


图 8-1 

封面 设计 中 要 遵循 平衡 、 韵 律 与 调和 的 造型 
规律 ， 突 出 主题 ， 大 胆 设想 ， 运 用 构图 、 色 彩 、 图 
案 等 知识 ， 设 计 出 比较 完美 、 典 型 ， 富 有 情感 的 封 
面 ， 提 高 设计 应 用 的 能 力 。 封 面 设计 的 成 败 取决 于 
设计 定位 。 即 要 做 好 前 期 的 客户 沟通 ， 具 体内 容 包 
括 : 封面 设计 的 风格 定位 ;企业 文化 及 产品 特点 分 
析 ， 行 业 特 点 定位 ; 画册 操作 流程 ， 客 户 的 观点 等 
都 可 能 影响 封面 设计 的 风格 。 所 以 说 ， 好 的 封面 设 
计 一 半 来 自前 期 的 沟通 ， 才 能 体现 客户 的 消费 需 
要 ， 为 客户 带 来 更 大 的 销售 业绩 。 


图 书 、 杂 志 、 相 册 、 画 册 等 首先 映 入 眼帘 的 是 封面 ， 封 面 设计 得 好 
与 坏 直接 影响 其 吸引 力 和 销售 量 。 


本 章节 主要 分 析 和 介绍 封面 设计 的 一 些 相关 内 容 。 


| 8.1.1 ”封面 的 组 成 要 素 


与 其 他 广告 和 海报 的 设计 一 样 封面 设计 同样 包 
括 文字 、 图 形 和 色彩 三 大 要 素 ， 设 计 者 就 是 根据 书 
籍 的 不 同性 质 、 用 途 和 读者 对 象 ， 把 三 者 有 机 地 结 
合 起 来 ， 从 而 表现 出 书籍 的 丰富 内 涵 ， 并 以 一 种 传 
递 信息 为 目的 和 一 种 美感 的 形式 呈现 给 读者 。 如 
图 8-2 所 示 为 书籍 设计 的 优秀 作品 。 


图 8-2 

(1) 文字 。 封 面 中 的 文字 主要 包括 书 名 、 作 
者 名 、 出 版 社 名 、 说 明文 字 、 责 任 编辑 、 装 帧 设计 
者 、 书 号 和 定价 。 在 设计 过 程 中 为 了 封面 画面 不 与 
另 一 书 名 重复 ， 也 可 以 加 上 英文 或 拼音 。 还 可 以 添 
加 一 些 内 容 简 介 和 吸引 人 的 内 容 等 。 有 时 为 了 画面 的 需 
要 ， 封 面 上 也 可 以 不 署名 作者 和 出 版 社 ， 这 些 信息 出 现 
在 书 寿 和 雇 页 上 ， 封 面 上 只 留 下 不 可 缺少 的 书 名 。 

(2) 图 形 。 封 面 的 图 形 可 以 是 插画 、 摄 影 和 
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用 现 辐 些 如 8 省 


类 朗 击 JO]eJSnlll 芝 省 导 


贡 澡 访 


图 案 。 

(3) 色彩 。 色 彩 是 书籍 装帧 和 广告 中 重要 的 
艺术 语言 ， 代 表 着 作品 的 风格 和 情感 暗示 ， 是 一 种 
竺 殊 的 语言 表达 形式 。 封 面 可 以 没有 图 形 ， 但 不 能 
没有 色彩 ， 而 色彩 的 运用 要 与 书籍 内 容 的 基调 相 吻 
合 ， 与 绘画 色彩 设计 不 同 ， 书 籍 色彩 采用 装饰 性 色 
彩 ， 更 具 概括 力 ， 也 更 醒目 。 


| 8.1.2 ”封面 设计 的 分 类 


封面 根据 行业 分 类 和 类 型 可 以 分 为 以 下 几 类 。 
(1) 企业 封面 设计 。 企 业 封面 设计 应 该 从 企 
业 自 身 的 性 质 、 文 化 、 理 念 、 地 域 等 方面 出 发 ， 来 
体现 企业 的 精神 。 

(2) 产品 封面 设计 。 产 品 画册 的 设计 着 重 从 
产品 本 身 的 特点 出 发 ， 分 析出 产品 要 表现 的 属性 ， 
运用 恰当 的 表现 形式 和 创意 来 体现 产品 的 特点 。 这 
样 才能 增加 消费 者 对 产品 的 了 解 ， 进 而 增加 产品 的 
销售 。 

(3) 企业 形象 封面 设计 。 企 业 形 象 画 册 的 设 
计 更 注重 体现 企业 的 形象 ， 应 用 恰当 的 创意 和 表现 
形式 来 展示 企业 的 形象 。 这 样 画册 才能 给 消费 者 留 
下 深刻 的 印象 ， 加 深 对 企业 的 了 解 。 

(4) 宣传 封面 设计 。 这 类 的 封面 设计 根据 用 
途 不 同 ， 会 采用 相应 的 表现 形式 来 体现 此 次 宣传 的 
目的 。 用 途 大 致 分 为 ， 展 会 宣传 ， 终 端 宣传 ， 新 闻 
发 布 会 宣传 等 。 

(5) 画册 封面 设计 。 画 册 的 封面 设计 是 画册 
内 容 、 形 式 、 开 本 、 装 订 、 印 刷 后 期 的 综合 体现 。 
好 的 画册 封面 设计 要 从 全 方位 出 发 。 

(6) 医药 类 封面 设计 。 医 药 类 的 封面 设计 要 
求 稳 重大 方 、 安 全 、 健 康 ， 给 人 以 和 谐 、 信 任 的 感 
觉 。 设 计 风 格 要 求 大 众 化 。 

(7) 食品 封面 设计 。 食 品 封面 设计 要 从 食品 
的 特点 出 发 ， 来 体现 视觉 、 味 觉 等 特点 ， 诱 发 消费 
者 的 食欲 ， 达 到 购买 欲望 。 

(8) 房产 封面 设计 。 房 产 封面 设计 一 般 根据 
房地产 的 楼 盘 销 售 情况 做 相应 的 设计 。 

(9) 酒店 类 封面 。 酒 店 的 封面 设计 要 求 体现 
高 档 、 舒 适 等 感觉 在 设计 时 用 一 些 独 特 的 元 素来 
体现 酒店 的 品质 。 

(10) 学 校 类 封面 。 学 校 宣传 封面 设计 根据 
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用 途 不 同 大 致 分 为 : 形象 宣传 、 招 生 、 毕 业 留 念 
册 等 。 

(11) 服装 类 封面 。 服 装 类 封面 设计 更 注重 消 
费 者 档次 、 视 觉 、 触 觉 的 需要 ， 同 时 要 根据 服装 的 
类 型 风格 不 同 ， 设 计 风 格 也 不 尽 相 同 ， 如 休闲 类 、 
工装 类 等 。 

(12) 招商 类 封面 。 招 商 类 封面 设计 主要 体现 招 
商 的 概念 ， 展 现 自身 的 优势 ， 来 吸引 投资 者 的 兴趣 。 

(13) 体育 封面 设计 。 时 尚 、 动 感 、 方 便 是 这 
个 行业 的 特点 ， 根 据 具体 的 行业 不 同 ， 表 现 也 咯 有 
不 同 。 


8.1.3 ”封面 设计 的 表现 手法 


根据 封面 效果 来 说 封面 设计 有 三 大 表现 手法 。 

(1) 写实 法 。 用 书 中 的 具体 情节 和 形象 来 表 
现 书 的 内 容 。 写 实 手法 的 特点 就 是 形象 直观 、 易 于 
理解 ， 如 图 8-3 所 示 。 

(2) 象征 法 。 用 联想 、 比 喻 、 象 征 、 抽 象 等 
方法 简洁 地 体现 书籍 的 内 容 ， 如 图 8-4 所 示 。 


图 8-3 


图 8-4 

(3) 装饰 法 。 用 于 实际 内 容 相 协调 的 线条 、 
色 块 和 装饰 图 案 来 表现 ， 适 用 于 不 宜 用 具体 形象 表 
达 书籍 内 容 的 封面 ， 通 常用 于 理论 书籍 ， 如 图 8-5 
所 示 。 


ANNUAL 
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图 8-5 


| 8.1.4 ”封面 设计 的 重要 性 


封面 是 体现 书籍 美学 的 一 种 表现 形式 ， 对 美学 
和 传播 价值 都 起 着 非常 重要 的 作用 ， 它 既是 从 业 人 
员 创造 力 的 表达 ， 也 是 产品 观点 的 表达 。 


从 视觉 角度 来 考虑 ， 封 面 醒 目 、 可 识别 ， 可 以 ， 


抓 住人 们 的 需求 ， 决 定 了 杂志 或 书籍 的 零售 成 效 。 封 


籍 、 杂 志 或 画册 的 文化 。 

封面 设计 的 成 败 也 取决 于 设计 定位 。 要 做 好 前 
期 与 客户 的 沟通 ， 通 过 客户 的 需求 ， 设 计 师 们 来 定 
位 封面 的 风格 。 通 过 分 析 企 业 文 化 和 产品 特点 ， 来 
对 产品 的 封面 进行 行业 特点 的 定位 。 客 户 的 观点 有 
时 可 能 影响 封面 设计 的 风格 ， 所 以 ， 在 设计 封面 前 
期 和 中 期 的 沟通 也 是 非常 重要 的 。 


rr 
8.2 商业 案例 一 一 儿童 图 书 封 
模板 设计 


ES 


面 能 营造 话题 ， 形 成 长 期 深入 的 营销 力量 ， 并 体现 书 


18.2.1 设计 思路 
| 回 
| 国 案例 类 型 扫 码 看 视频 

本 案例 设计 制作 一 款 儿 童 图 书 模板 。 
| 加 ”项目 诉 求 

本 案例 将 要 设计 一 款 针对 2 一 6 岁 孩 子 的 图 书 
封面 ， 这 个 年 龄 段 的 小 孩 的 兴趣 会 比较 广泛 、 爱 浪 
漫 、 爱 幻想 ， 本 案例 的 主题 将 体现 在 卡通 的 、 易 于 
辨别 和 易 懂 的 图 案 ， 通 过 简单 的 卡通 动物 来 激发 儿 
童 的 愉悦 和 幻想 。 
图 ”设计 定位 

根据 项 目 要 求 ， 将 使 用 一 个 简 笔画 的 小 动物 
作为 封面 主角 ， 并 在 此 基础 上 绘制 环境 ， 环 境 
将 主要 设计 为 简单 的 卡通 的 效果 ， 环 境 不 能 太 复 
， 杂 、 不 能 太 过 凌乱 和 花哨 ， 使 小 孩子 专注 力 集中 
的 主角 上 。 


| 8.2.2 配色 方案 


的 绿色 、 白 色 和 红色 卡通 ， 并 使 用 一 些 装饰 色调 例 
如 黄 、 蓝 。 


| 

| 

| 由 于 是 套 系 ， 这 里 先 设计 其 中 一 款 饱 和 度 较 高 
| 

“| 8.2.3 “封面 的 表现 手法 


本 案例 将 采用 象征 法 ， 整 体 采 用 绘制 卡通 图 像 
来 使 孩子 对 事物 产生 联想 ， 封 面 使 用 抽象 绘制 方法 
来 表现 动物 、 植 物 等 ， 这 样 会 让 小 朋友 更 好 地 产生 
联想 和 想象 力 。 
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| 8.2.4 ”项 目 实战 


规则 形状 ， 绘 制 高 光 ， 创 建 花瓣， 最 后 创建 文字 标 
调整 文字 的 形状 ， 如 图 8-6 所 示 。 


勒 扩 到 JO1eQSnlll 芝 省 嬉 


国 。 技术 要 点 


使 用 “矩形 工具 ”创建 背景 ; 
使 用 “椭圆 工具 ”绘制 羊 ; 
使 用 “钢笔 工具 ”绘制 不 规则 形状 
使 用 “画笔 工具 ”绘制 高 光 ; 

使 用 “ 圆 角 算 形 工具 ”创建 花瓣 ; 
使 用 “形状 生成 器 工具 ”生成 形状 
使 用 “文字 工具 ”创建 文字 标题 和 
使 用 “制作 封套 ”调整 文字 的 变形 
使 用 “路 径 查找 器 ”修剪 图 像 。 
操作 步骤 

创建 文件 

在 制作 封面 时 ， 首 先 要 确定 图 书 前 


尺寸 创建 封面 。 
运行 Diustrator 软 件 ， 新 建文 件 ， 在 弹出 的 对 话 框 中 
“高 度 ” 为 232mm， 单 击 


设置 “宽度 ”为 211mm、 


注释 ; 


尺寸 ,根据 


“创建 ”按钮 ， 创 建文 档 ， 如 图 8-7 所 示 。 


CE 了 要 wr - | 
未 标题 
[ed] 加 2 
p = Ce) _ [~ ED) 
图 8-7 
使 用 “矩形 工具 ” 园 ,， 在 舞台 中 创建 合适 大 
小 的 矩形 ， 在 “属性 ”面板 中 设置 “ 填 色 ”为 


#0ca500、“ 描 边 ” 为 无 ， 如 图 8-8 所 示 。 


图 8-8 


@ 创 


建 背景 矩形 后 ， 在 “图 层 ” 面 板 中 锁定 “图 
1”， 新 建 “ 图 层 2” 图 层 ， 如 图 8-9 所 示 。 


1 口 加 


2 图 展 C3 大 
图 8-9 


绘制 卡通 图 像 


创建 文件 后 ， 下 面 将 创建 主角 动物 和 植物 图 


像 ， 绘 制 的 过 程 非常 简单 ， 就 是 重复 简单 的 步骤 ， 
需要 读者 有 耐心 。 


| 图 层 ， 然 后 单 击 图 标 ， 即 可 进行 


| 国 锁定 图 层 的 使 用 提示 


在 Illustrator 中 “锁定 ”的 对 象 是 无 法 被 选中 


| 编辑 的 。 可 以 使 用 Ctrli+Alt+2 组 合 键 将 文档 内 的 全 
”部 锁定 对 象 进行 


“解锁 ”; 车 要 对 指定 的 对 象 进行 
， 可 以 在 “图 层 ” 面 板 中 找到 对 象 所 在 的 
“解锁 ”操作 。 


“解锁 " 


在 舞台 中 选择 所 有 的 圆 ， 在 “路 径 查找 器 ” 面 
板 中 单 击 “ 联 集 ”按钮 别 ， 将 所 选 的 圆 合 并 为 
一 体 ， 如 图 8-12 所 示 。 


联 集 ( 按 住 At 键 单 击 ,以 创建 一 个 身 


图 8-12 


使 用 “ 精 圆 工具 ”名 ， 在 舞台 中 创建 加 ,作为 | | Ou 后 的 效果 如 图 8-13 所 示 。 


羊 的 身体 ， 如 图 8-10 所 示 。 


图 8-10 


人 @ 复 制 加 调整 轩 的 大 小 ， 再 次 复制 回 ， 作 为 羊 ， 低 


的 毛 ， 如 图 8-11 所 示 。 


图 8-13 
在 “属性 ”面板 中 设置 “ 填 色 ”为 白色 ,设置 
“ 描 边 ”的 颜色 为 将 53520， 设 置 “ 描 边 ”的 粗 
细 为 2pt， 如 图 8-14 所 示 。 


图 8-14 


Wl 


埋 8 溃 


Ea 


= 


取 


计 


JoleJSsnlll 于 半 于 


Or 


舞台 中 创建 圆 ， 如 图 8-15 所 示 。 
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使 用 “直接 选择 工具 "人 .， 在 舞 合 中 调整 圆 的 ， 
形状 ， 调 整 出 脸形 ， 如 图 8-16 所 示 。 


在 “属性 ”面板 中 设置 “ 填 色 ”为 Wife3d5, 设 | 
置 “ 描 边 ” 的 颜色 为 将 53520， 如 图 8-17 所 示 。 


绘制 小 羊 的 脸 ， 使 用 “椭圆 工具 ”@,, 在 | @ 使 用 “椭圆 工具 ”@,， 在 如 图 8-18 所 示 的 位 置 


图 8-15 


图 8-16 


图 8-17 


使 人 前 图 你 语 得 到 如 图 8-20 所 示 的 效果 。 


创建 三 个 椭圆 ， 作 为 头 上 的 羊毛 。 


图 8-18 


ws 
圆 ， 在 “路 径 查找 器 ”面板 中 单 击 “ 减 去 项 
层 ” 按 钮 名， 修剪 图 像 ， 如 图 8-19 所 示 。 


f [| 
路 径 查 找 器 a 
形状 模式 - 


le m 


而 大和 
图 8-19 


图 8-20 
使 用 “椭圆 工具 ”@.， 在 脸 上 创建 椭圆 ， 作 为 
眼睛 ， 设 置 眼睛 的 底部 “ 填 色 ” 为 #42210b， 创 
建 眼睛 的 白色 区 域 ， 如 图 8-21 所 示 ， 对 眼睛 进 


行 复制 。 


使 用 “椭圆 工具 ”全 ,， 在 眼睛 下 方 创建 椭圆 ， 
设置 椭圆 的 填充 为 粉色 到 透明 的 渐变 ， 设 置 合 
适 的 渐变 参数 即 可 ， 如 图 8-25 所 示 ， 设 置 “ 描 


人 @@ 合 同样 的 方法 复制 眼睛 作为 鼻子 ， 使 用 “ 直 


| 


接 选 择 工 具 ” 上 ,调整 鼻子 的 形状 ， 如 图 8-22 

所 示 。 图 8-25 
人 复制 作为 高 光 的 椭圆 放置 到 脸蛋 的 粉色 上 ， 证 
如 图 8-26 所 示 。 


图 8-22 
使 用 “钢笔 工具 ”s#.， 在 舞台 中 创建 如 图 8-23 
所 示 的 形状 ， 设置 “ 填 色 ” 为 无 ，“ 描 边 ”的 


颜色 为 #553520。 
ns 图 8-26 
下 《人 使 用 “钢笔 工具 ”之 绘制 下 的 形状 ， 如 图 8-27 
名 @ | 所 示 。 
时 Eee 
图 8-23 
《他 复制 形状 ， 如 图 8-24 所 示 。 
图 8-27 
设置 形状 的 “ 填 色 ”为 #553520， 继 续 绘制 形 
状 ， 设置 “ 填 色 ”为 无 ， 设置 “ 描 边 ”颜色 为 
图 8-24 | #553520， 对 图 形 进行 复制 ， 如 图 8-28 所 示 。 
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译 | 


HH 


设 
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CTEETIETETIETSE3 


图 8-28 


命 人 “直接 选择 了 


ae 29 所 示 。 


[ 具 ” 人 ,设置 图 像 的 圆 角 


QO 


， 如 


所 示 。 


图 


8-29 
全 使 用 “钢笔 工具 ”分 ,绘制 腿脚 ， 如 


使 用 “直接 选择 了 


图 8-31 
“椭圆 工具 ”全 ,， 在 舞台 中 创建 椭圆 ， 设 
“ 填 色 ”为 # dac9b9， 设 置 “ 描 边 ” 颜 色 为 
42210b， 如 图 8-32 所 示 。 


图 8-32 


全 


的 形状 ， 如 图 8-33 所 示 。 


[ 具 ” 上 在 


台中 调整 椭 


图 8-30 


《从 复制 服 脚 效果 ， 
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如 


图 


8-31 所 示 。 


使 月 


“钢笔 工具 ”分 ,， 


图 8-34 所 示 。 


创建 纹理 ， 如 


使 用 “画笔 工具 ”A,， 设 置 合适 的 画笔 笔触 ， 
绘制 高 光 ， 如 图 8-35 所 示 。 


复制 


F 角 到 另 


一 侧 ， 如 图 8-36 所 示 。 


这 样 ， 卡 通 羊 的 


像 就 制作 完成 ， 在 “图 层 ” 


面板 中 


将 卡通 羊 所 在 的 “图 层 2” 


建 “ 


层 3” 


图 层 ， 如 


8-37 所 示 。 


亲 


口 


4 国 。 双 


图 层 锁定 ， 创 


使 用 “钢笔 工具 ” 参 .， 在 舞台 中 绘制 小 草 形 
状 ， 设 置 填充 为 绿色 到 透明 的 渐变 ， 在 “ 渐 


变 ” 面 板 中 设置 合适 的 渐变 参数 ， 如 图 8-38 
所 示 。 


设置 “ 描 边 ”为 无 ， 在 舞台 


并 调整 合适 的 大 小 ， 如 图 8-39 所 示 。 


人 台中 复制 小 草 效果 ， 


使 用 “矩形 工具 ” 国 ,， 在 


台中 创建 矩 形 ， 使 


用 “直接 选择 工具 ”上 ,设置 矩形 的 圆 角 ， 设 置 
“ 填 色 ”为 #E5fSf， 如 图 8-40 所 示 。 
在 舞台 中 复制 圆 角 和 矩形， 可 以 在 “属性 ” 面 


板 中 设置 “旋转 ” 么 角度 为 309 ， 如 图 8-41 


所 示 。 
复制 


果 ， 如 图 8-42 所 示 。 


避 角 和 矩形 ， 调 整合 适 的 角度 ， 也 可 以 直接 
对 图 形 周围 的 变形 进行 旋转 ， 绘 制 出 花瓣 效 
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| 
| 
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设 
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全 
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ET 


将 绘制 的 花 条 图 形 选中 ， 按 Ctrl+G 组 合 键 ， 将 
花灯 进行 编组 ， 在 舞台 中 复制 花朵 ， 如 图 8-45 
所 示 。 


i 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 蝴 
蝶 .png” 文 件 ， 如 图 8-46 所 示 。 


a\ I 


使 用 “椭圆 工具 ” 合 绘 制 花 末 的 黄色 
图 8-43 所 示 。 


使 用 “画笔 工具 ”好 .绘制 花 采 的 高 光 
纹理 ， 如 图 8-44 所 示 。 


花心 ， 如 


置 入 素材 后 ， 调 整 素材 的 位 置 ， 如 图 8-47 
所 示 。 


使 用 “椭圆 工具 ”@.， 在 舞台 中 创建 如 图 8-48 


所 示 的 椭圆 。 


对 绘制 的 椭圆 进行 复制 ， 设 置 “ 填 色 ” 为 无 ， 
设置 描 边 为 绿色 ， 在 “ 描 边 ”面板 中 设置 描 边 
为 “虚线 ”， 设 置 合适 的 参数 即 可 ， 如 图 8-49 
所 示 。 
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En 
5 
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酚 村 文件 


等 由 


创建 标题 和 注释 

创建 图 像 后 ， 下 面 使 用 简单 的 图 像 和 文字 制作 
标题 和 图 书 的 注释 、 说 明 内 容 。 

使 用 “文字 工具 ”T.,， 在 如 图 8-50 所 示 的 位 置 

创建 文字 。 


在 舞台 中 创建 梢 圆 和 和 珑 形 ， 并 将 其 重 玛 ， 如 
图 8-51 所 示 。 
在 工具 箱 中 选择 “形状 生成 工具 ”人 @,， 在 需要 
保留 的 形状 上 单 击 ， 即 如 图 8-52 所 示 的 三 处 单 
击 ， 即 可 生成 新 形状 。 


删除 不 需要 的 图 形 ， 如 图 8-53 所 示 。 


将 圆 形 放 置 到 舞台 上 ， 分 别 填充 黄色 、 绿 色 、 


后 


色 ， 设置 “ 描 边 ”为 无 ， 如 图 8-54 所 示 。 


FTTEETICTCTITETSTE 


卫 污 这 


过 


li 


Ee 
Ei 


人 @@ 全 “椭圆 工具 ”@,， 设 置 椭圆 的 “ 填 色 ”为 | 


无 ， 设 置 “ 描 边 ”为 墨绿 色 ， 在 “ 描 边 " 面 | | = 
板 中 设置 描 边 的 虚线 ， 设 置 合适 的 参数 , 如 0 
图 8-55 所 示 。 | 


4 振 边 


5 上 -上 国 GB 
EL 
el ED 二 图 8-58 
的 mu CS | 人 @ 设置 变形 户 ， 在 菜单 栏 中 选择 “对 象 > 扩展 ” 命 


-55 | 二 
人命 在 舞台 中 创建 文字 ， 并 添加 装饰 ， 如 图 8-56 ， 
所 示 。 | 将 其 交 扩 展 为 


图 8-59 


调整 后 ， 复 制图 形 ， 设 置 图 形 的 填充 为 无 ， 设 
置 “ 描 边 ” 为 绿色 ， 设置 “ 描 边 ” 类 型 为 虚 
线 ， 设 置 合适 的 参数 ， 如 图 8-60 所 示 。 


二 


图 8-56 | Eg E30 
使 用 “文字 工具 ”T,， 在 舞台 中 创建 文字 标 D : 
题 ， 设 置 合适 的 字体 和 颜色 ， 如 图 8-57 所 示 。 E- ee 


图 8-57 

(0 在 菜单 栏 中 选择 "对象 > 封套 扭曲 > 用 变形 建 
立 ” 命 令 ， 在 弹出 的 “变形 选项 ”对 话 框 中 ， 
设置 “样式 ”为 “ 弧 形 ”, 设置 “弯曲 "为 
15%， 如 图 8-58 所 示 。 
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在 舞台 中 创建 如 图 8-62 所 示 的 形状 。 


设置 图 形 的 填充 ， 如 图 8-63 所 示 ， 分 别 为 青 
色 、 绿 色 和 黄色 。 


在 图 形 上 创建 文字 ， 如 图 8-64 所 示 。 


分 析 力 ER 


制作 书籍 展示 效果 

前 面 制作 了 封面 的 正面 效果 ， 下 面 将 调整 
其 图 像 的 角度 和 投影 效果 ， 制 作出 图 层 的 展示 
效果 。 

在 舞台 中 将 封面 所 有 图 层 选 中 ， 按 Ctrl+G 组 合 

键 ， 将 其 进行 编组 ， 编 组 后 ， 复 制 封面 图 像 到 

舞台 的 一 侧 ， 在 工具 箱 中 按 住 鼠 标 左 键 单 击 

“比例 缩放 工具 ” 酌 ， 在 弹出 的 隐藏 工具 中 
单 击 右 侧 的 箭头 ， 可 以 将 隐藏 的 工具 显示 为 
浮动 窗口 ， 如 图 8-65 所 示 ， 从 中 选择 “倾斜 工 
具 ” 画 ， 选 择 工具 后 单 击 封面 左下 角 ， 以 该 
处 为 中 心 ， 拖 忠 至 封面 的 右上 角 ， 调 整 倾斜 效 
果 ， 如 图 8-66 所 示 。 


使 用 “钢笔 工具 ”分 ,， 在 


D7 


< 感 和 区 有 有 DREIN Yr 


PSE emP 国 ev\、S 


=。 团 线 秽 多 让 工具) 
了 5 癸 笠 工具 
YITR 从 


建 厚度 ， 如 图 8-67 所 示 。 


台中 书本 的 下 方 创 


创建 侧面 的 


图 像 设置 其 


为 深 灰 ， 如 


8-68 所 示 。 


侧面 的 厚度 ， 设 置 


形 厚 度 的 “ 填 色 ”为 灰色 ,侧面 “ 填 


“上 


四 导言 类 发 吉 JO1eQSnlll 芝 汉 千 


《@ 将 所 有 图 形 进行 编组 ， 使 用 “钢笔 了 


无 ， 设 置 “ 填 充 ” 为 灰色 ， 在 菜 生 


设置 合适 的 参数 ， 如 图 8-69 所 示 。 


栏 


[ 具 ” 痕 ,， 在 舞台 中 创建 与 书本 形状 相同 的 形状 ,设置 “ 描 边 ”为 


h 选 择 “ 效 果 > 风 格 化 > 投影 ”命令 ， 在 弹出 的 “投影 ”对 话 框 中 


8-69 


四 


按 Ctrl+[ 组 合 键 ， 调 整 图 形 到 书 图 形 的 下 方 ， 如 图 8-70 所 示 。 


sia, 完成 展示 的 效果 ， 如 图 8-71 所 示 。 


辐 8-70 
EL, 本 案例 制作 完成 。 


8 3 商业 案例 一 作品 集 封 面 设计 ) 


作品 集 


PERSONAL WORKS 


作品 集 


PERSONAL WORKS 
设计 师 : 陈 妹妹 


| 8.3.1 设计 思路 


国人 
区 案例 类 型 扫 码 看 视频 

本 案例 制作 一 款 个 人 作品 集 的 封面 模板 。 
国 ”项 目 分 析 

作品 集 就 是 把 创作 者 的 作品 整理 、 编 辑 后 ， 通 
过 印刷 装订 成 册 或 制作 成 光碟 、PPT、 动 感 影集 等 
态 表 现 出 来 ， 这 种 表现 系列 统称 为 作品 集 。 本 案 
例 要 求 制作 一 个 炫 酷 的 黑色 多 边 形 作 品 集 封 面 。 
图 ”设计 定位 

根据 客户 需求 ， 本 案例 将 在 图 形 上 主要 使 用 不 规 
则 的 多 边 形 ， 并 通过 渐变 模拟 出 立体 效果 ， 通 过 简单 
的 平面 多 边 形 碎片 来 装饰 立体 多 边 形 ， 整 体 效 果 搭 配 
出 来 需要 有 种 黑色 的 多 边 形 的 立体 科技 感 效果 。 


| 8.3.2 配色 方案 


配色 上 根据 客户 需要 ， 将 主要 采用 黑色 调 ， 但 
不 能 整个 版 面 都 采用 黑色 ， 只 采用 半 个 版 面 的 黑色 
区 域 就 够 了 ; 黑色 代表 稳定 、 庄 重 和 高 雅 ， 黑 色 给 
人 的 心理 感受 就 是 神秘 。 在 黑色 的 基础 上 也 将 会 采 
用 变色 到 黑色 的 渐变 表现 立体 效果 ， 并 使 用 灰色 和 
黑色 的 多 边 形 作为 装饰 。 


| 8.3.3” 同类 作品 欣赏 


| 8.3.4 “项 目 实战 


图 ”制作 流程 

本 案例 首先 创建 背景 ， 再 创建 不 规则 形状 ; 然 
后 创建 文字 注释 ， 制 作 投影 效果 ; 最 后 制作 高 光 效 
果 ， 如 图 8-72 所 示 。 


作品 集 


PERSONAL WORKS 
设计 卫 : 语 寻 水 


作品 集 


PERSONAL WORKS 


作品 集 
PERSONAL WORKS 
设计 策 : 语 巡 浇 


图 8-72 
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人 


和 内装 手 涡 四 尝 京 类 上 许 双 JO1eJSnlll 荣 汉 千 


加 ”技术 要 点 

使 用 “矩形 工具 ”创建 背景 ; 

使 用 “钢笔 工具 ”创建 形状 ; 

使 用 “文字 工具 ”创建 文字 注释 ; 

使 用 “投影 ”命令 制作 出 投影 效果 ; 

使 用 “椭圆 工具 ”和 “渐变 ”面板 制作 出 高 光 
效果 。 
国 。 操作 步骤 

设计 封面 的 平面 效果 

根据 设计 思路 将 对 封面 进行 设计 。 


运行 Ilustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 ， 


建文 档 ” 对 话 框 中 设置 “宽度 ”为 425mm、 


“高 度 ” 为 215mm， 单 击 “ 创 建 ” 按 钮 ,创建 


文档 ， 如 图 8-73 所 示 。 


图 8-73 


在 工具 箱 中 选择 “矩形 工具 ” 园 ,， 在 舞台 中 单 ， 


击 ， 在 弹出 的 “矩形 ”对 话 框 中 设置 “宽度 ” 


为 212.Smm， 设 置 “ 高 度 ” 为 213mm， 单 击 ， 


“确定 ”按钮 ， 创 建 矩 形 ， 如 图 8-74 所 示 。 


冠 形 


宽度 (WD): 212.5 mn 


有 
高 度 0:[215 | 


图 8-74 
在 务 台 中 将 移动 矩形 作为 背景 ， 设 置 矩 形 的 


所 示 。 


状 ， 设 置 “ 填 色 ” 为 黑色 ， 如 图 8-76 所 示 。 
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图 8-75 


加 铜 > 
园 利 Wg ia ， 


图 8-76 


填 色 ”为 白色 ，“ 描 边 ”为 黑色 ， 如 图 8-75 | 


使 用 “钢笔 工具 ”分 .， 在 舞台 中 创建 不 规则 形 


日 “钢笔 工具 ”分 .创建 三 角形 ， 如 图 8-77 


图 8-77 


为 三 角形 设置 “ 填 色 ”为 灰色 到 深 灰 色 的 
渐变 ， 设 置 合适 的 “渐变 ”参数 ， 如 图 8-78 
所 示 。 


图 8-78 

人 在 舞台 中 创建 如 图 8-79 所 示 的 形状 ， 设置 
“ 填 色 ”为 渐变 ， 并 在 “渐变 ”面板 中 调整 渐 
变 效 果 ， 如 图 8-79 所 示 。 


一 本 


图 8-79 
使 用 同样 的 方法 ， 创 建 多 个 不 规则 的 形状 ， 并 
填充 渐变 和 灰色 以 及 接近 黑 的 深 灰 色 ， 多 边 形 
效果 如 图 8-80 所 示 。 


图 8-80 


人 @@ 合 月 “钢笔 工具 ” 少 ,， 创 建 不 规则 形状 ， 填 充 


NS 


形状 为 黑色 ， 如 图 8-81 所 示 。 


图 8-81 


人 0 继续 创建 多 边 形 ， 设置 填充 为 浅 灰色 ， 如 


所 示 。 


图 8-82 
全 调 玫 图 像 的 排列 顺序 ， 如 图 8-83 所 示 。 
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8-83 
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人 @ 创建 不 规则 形状 ， 设置 填充 为 灰色 ， 如 


类 展 下 JoOleJSnlll 芝 X4 壬 和 


EE 


显得 突 元 ， 少 许 地 
的 立体 多 边 形 衔接 的 感觉 ， 如 


ll 


Ey 


EE 


A 


图 


全 建 两 个 黑色 的 多 边 形 ， 尽量 少 地 使 用 
饰 多 边 形 ， 如 果 是 


单独 出 现 的 黑色 多 边 形 ， 会 


添加 会 很 自 


图 


[ 具 ”T,， 创 建 标题 文字 注释 ， 如 


人 @O 继 缮 创建 标题， 选择 合适 的 字体 ， 


尖 


的 大 小 ， 设 置 文字 的 颜色 为 黑色 ， 如 图 8-87 
所 示 。 


图 8-87 
在 菜单 栏 中 选择 “效果 > 风格 化 > 投影 ”命令 ， 
在 弹出 的 “投影 ”对 话 框 中 设置 投影 的 效果 ， 
如 图 8-88 所 示 。 


图 8-88 


人 设置 的 投影 效果 如 8-89 所 示 。 


/ 


图 8-89 


《他 继续 创建 其 他 的 文本 注释 ， 如 图 8-90 所 示 。 


> 作品 集 


,A1 PERSONAL WORKS 
设计 师 : 陈 妹妹 


图 8-90 


人 @ 合 月 “椭圆 工具 ”所 ， 在 舞台 中 创建 椭圆 ， 设 置 椭圆 的 填充 为 渐变 ， 在 “渐变 ”面板 
色 


到 透明 的 渐变 ， 如 图 8-91 所 示 。 


在 “外 观 ” 面 板 中 单 击 “不 透明 度 ”， 在 弹出 的 下 拉面 板 中 设置 


所 示 。 


作品 集 


PERSONAL WORKS 
设计 师 : 陈 妹妹 


作品 集 


ym | PERSONAL WORKS | 
广告 a 设计 师 ; 陈 妹妹 


图 8-91 
(选择 制作 完成 的 整个 右 侈 页 面 ， 按 Ctrl+G 组 合 键 将 图 形 编组 ， 


PERSON 站 sms 
设计 六 口 幻 放 撕 边 和 效果 


四 


8-93 


VY ”使 用 符号 的 春生 色 点 (R) 集 


图 8-92 


复制 图 形 到 左 侧 ， 在 “变换 ” 


击 时 按钮 ， 在 弹出 的 菜单 中 选择 “水 平 翻转 ”命令 ， 如 图 8-93 所 示 。 


作坊 运 项 (O) 
创建 形状 时 显示 (C) 


PERSONAL WORKS 
设计 师 : 际 妹妹 


面板 中 


hi 设置 填充 为 黄 


“混合 模式 ”为 “ 强 光 ”， 如 图 8-92 


单 
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和 的 图 形 和 文字 ， 得 到 最 终 的 效果 ， 如 图 8-94 所 示 。 


作品 集 


~ 口 
作品 集 
pA PERSONAL WORKS 
设计 师 。 陈 妹 妹 


PERSONAL WORKS 
中 
文 
站 
a 封面 展示 《@@ 设置 矩形 的 填充 为 渐变 ， 在 “渐变 ”面板 中 设 
a 制作 完成 封面 的 平面 展示 后 ， 下 面 将 制作 封面 ”和 置 渐变 为 黑色 ，“ 不 透明 度 ” 为 50%~0%， 如 
疯 。 的 陈列 展示 效果 。 图 8-97 所 示 。 
罗 。 人》 将 正面 封面 复制 ， 移 动 到 舞台 的 空白 处 ， 如 | 
问 。 ”图 8-95 所 示 。 


设 
计 
完 
全 


= 1 佳 
| 
作 咖 集 PERSONAL WORKS 
;A1 PERSONAL WORKS 计 师 ， 陈 妹妹 
设计 师 ; 陈 妹妹 


(人 0》 使 用 “钢笔 工具 ”分 ,， 在 场景 中 创建 封面 的 投 


命 使 用 “和 矩形 工具 ” 国 ,， 在 舞台 中 创建 矩形 ， 如 。 ” 影 形状 ， 设 置 渐变 填充 ， 在 “渐变 ”面板 中 设 
8-96 所 示 。 置 渐变 填充 为 黑色 ，“ 不 透明 度 ” 为 80% 到 透 


明 的 渐变 ， 如 图 8-98 所 示 。 


品 佳 
作 虽 未 
ONAL WORKS 
计策 : 陈 妹妹 


选择 作为 投影 的 图 像 ， 按 Ctrl+[ 组 合 键 ， 调 整 图 


像 到 封面 的 后 面 ， 如 图 8-99 所 示 。 


作品 集 
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在 菜单 栏 中 选择 “效果 > 模糊 > 高 斯 模糊 ” 命 
令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 合适 
的 参数 ， 如 图 8-100 所 示 。 

半径 (0: 一 D 3.8 位 素 


amto Cm Cm ) 


至 此 ， 本 案例 制作 完成 ， 最 终 效果 如 图 8-101 
所 示 。 
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商业 案例 一 一 家 装 家 居 杂 志 
封面 设计 


8.4.1 设计 思路 


加 站 
扫 码 看 视频 

本 案例 设计 制作 一 款 家 装 家 居 杂 志 的 封面 
模板 。 


这 是 一 本 面向 设计 师 的 浏览 性 杂志 ， 以 家 装 、 
家 居 配 饰 为 主 ， 每 月 发 行 一 刊 ， 需 要 设计 一 款 具有 
环保 色 的 封面 ， 并 配 以 家 装 图 像 来 表现 。 


殖 


吕 言 类 掠 击 JOle4Snlll 芝 光 千 


图 ”设计 定位 

家 装 家 居 类 杂志 要 求 版 面 清新 、 简 约 、 体 现 环 
保 内 容 ， 整 体 构图 要 协调 统一 、 醒 目 大 气 ， 添 加 的 
各 种 图 像 要 与 主题 相符 ; 版 面 中 的 其 他 元 素 可 以 进 
行 重新 构造 ， 在 设计 时 主要 通过 色彩 来 体现 环保 
符合 整体 的 风格 版 面 规 划 。 


| 8.4.2 ”配色 方案 


在 本 案例 中 客户 提供 了 几 张 图 像 ， 以 供 挑 选 ， 
本 期 的 主题 是 环保 ， 所 以 需要 在 已 有 的 图 像 的 基础 
上 搭配 出 协调 的 颜色 。 
国 ” 主 色 

家 装 家 居 的 封面 在 色彩 搭配 上 需要 使 用 一 些 代 
表 环 保 的 颜色 ， 其 中 绿色 是 环保 色 中 最 有 代表 性 的 
颜色 ， 绿 色 给 人 以 生机 和 新 生 的 感觉 ， 现 实 中 绿色 
多 数 是 一 些 植物 ， 如 图 8-102 所 示 ， 除 了 配 图 之 外 ， 
还 使 用 不 同色 彩 饱和 度 和 明暗 度 的 绿色 ， 来 添加 一 
些 注释 文字 。 
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四 ”辅助 色 

主 色 选 择 了 一 种 比较 鲜亮 的 绿色 ， 在 辅助 色 
上 可 以 尝试 一 些 比较 低调 的 颜色 ， 例 如 灰色 、; 
色 ， 这 样 亮色 可 以 突出 主题 色 ， 灰 色 和 粉色 作为 陪 
衬 ， 辅 助 色 是 为 了 衬托 主题 而 存在 ， 使 其 与 主 
互补 的 效果 。 


| 8.4.3 ”版 面 构图 


杂志 的 版 式 构图 大 同 小 异 ， 本 案例 采用 的 就 是 
最 常见 的 构图 方式 ， 主 图 采用 室内 装修 效果 图 ， 上 
部 分 为 图 像 ， 下 部 分 为 文字 ， 如 果 想 要 做 些 改变 ， 
可 以 在 图 像 分布 和 文字 分 布 上 下 功夫 ， 只 要 整体 协 
调 、 版 面 丰满 即 可 。 


| 8.4.4 ”项 目 实战 


国 ”制作 流程 

本 案例 首先 置 入 图 像 ， 并 进行 裁剪 ， 然 后 创建 
矩形， 创建 文字 注释 ， 最 后 创建 椭圆 ， 如 图 8-103 
所 示 。 


图 8-103 


Wren 
Mw 
Ee 


CT 


PE 后 


it 


总 的 风水 布 间 
室内 止 B 寺 站 可 天 
抽 宇 新 衣 且 全 介 M 


疙 二 
中 光 家 民 名 形象 
Dll 


使 用 “ 置 入 ”命令 置 入 图 像 ; 


使 用 “裁剪 图 像 ”裁剪 导入 的 图 像 ; 
使 用 “和 矩形 工具 ”创建 矩形 ; 

使 用 “钢笔 工具 ”创建 形状 ; 

使 用 “文字 工具 ”创建 文字 注释 ; 
使 用 “椭圆 工具 ”创建 椭圆 ; 

使 用 “路 径 查找 器 ”设置 图 像 的 裁剪 。 


制作 杂志 正面 封面 


在 制作 封面 之 前 ， 需 要 创建 合适 的 舞台 ， 


舞台 中 绘制 封面 。 下 面 来 介绍 杂志 封 
制作 。 


运行 Ilustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 210mm、 
“高 度 ” 为 285mm， 选 择 “ 画 板 ” 为 2， 单 击 


正面 的 


“创建 ”按钮 ， 创 建文 档 ， 如 图 8-104 所 示 。 


Ba Wa Wb 


*] 四 
六 国 


创建 两 个 画板 ， 如 图 8-105 所 示 。 


OM 


在 工具 箱 中 选择 “画板 工具 ”六 ， 在 舞台 中 可 
以 选择 其 中 一 个 模板 ， 选 择 “ 画 板 2” 可 以 对 其 
进行 移动 ， 将 其 与 “画板 1” 对 齐 ， 如 图 8-106 


所 示 。 


勒 扩 到 JeQSnlll 芝 半 千 


图 8-106 


贺 画板 工具 使 用 提示 | 


在 使 用 “画板 工具 ” 忆 的 状态 下 ,选择 需要 修 


改 的 画板 ， 在 “属性 ”面板 中 则 显示 出 画板 的 一 些 
修改 参数 ， 可 以 重新 设置 画板 的 大 小 、 变 换 、 命 


名 、 


删除 、 新 建 等 操作 。 

在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配 备 资源 中 的 “ 客 
厅 .jpg"” 文件 ， 单 击 “ 置 入 ”按钮 ， 如 图 8-107 
所 示 。 


图 8-107 


信使 “直接 选择 工具 ”调整 素材 的 大 小 ， 如 
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图 8-108 所 示 。 


图 8-108 


全 在 工具 箱 中 选择 “矩形 工具 ” 国 ,， 在 舞台 中 


击 ， 在 弹出 的 “ 甜 形 ”对 话 框 中 设置 “宽度 ” 


为 210mm,， 设置 “高 度 ” 为 285mm,， 单 击 “ 
定 ” 按 钮 ， 创 建 和 矩形， 如 图 8-109 所 示 。 


寞 度 (WD: 210 mm 


EE 


图 8-109 


在 舞台 中 创建 矩 形 后 ， 在 “属性 ”面板 中 调整 
其 X 和 Y 的 位 置 ， 设 置 “ 填 色 ”为 和 白色， 设置 


底部 ， 


“ 描 边 ”为 黑色 ， 粗 细 为 1pt， 如 图 8-110 所 示 。 


图 8-110 
在 舞台 中 按 Ctrl+[ 组 合 键 ， 将 矩形 放置 到 图 像 的 


选择 导入 的 图 像 ， 调 整 图 像 的 位 置 ， 如 


图 8-111 所 示 。 


在 菜 间 
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nen 


本 0 ~ 的 村 


图 8-111 


lL 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 


“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 室 


内 素材 ( 2 ) .jpg” 文 件 ， 单 击 “ 置 入 ” 


如 图 8-112 所 示 。 
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置 入 素材 到 舞台 后 ， 调 整 素材 的 位 置 和 大 小 ， 


在 “属性 ”面板 中 单 


舞台 中 裁剪 图 像 ， 如 图 8-113 


所 示 。 


二 “裁剪 图 像 ” 按 钮 ， 在 


裁剪 图 像 后 ， 在 “属性 ”面板 中 单 击 “应 用 ” 


图 8-114 所 示 。 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 


的 “ 置 入 ”对 话 框 


选择 随 


$B 配备 资源 


按钮 ， 确 定 裁剪 ， 调 整 素材 的 位 置 和 大 小 ， 如 


的 “ 主 


卧 jpg” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 8-115 所 示 。 
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置 入 素材 到 舞台 后 ， 对 主 卧 素材 复制 两 个 ， 选 


择 其 中 一 个 ， 在 “属性 ” 
像 ”按钮 ， 在 舞台 中 调整 
整合 适 的 区 域 后 ， 在 “ 属 
用 ”按钮 ， 如 图 8-116 所 示 


面板 中 单 击 “ 裁 剪 图 


o 


图 像 的 裁剪 区 域 ， 调 
性 ”面板 中 单 击 “ 应 


选择 复制 出 的 另 一 个 主 臣 图像， 使 用 “裁剪 图 


像 ” 命 令 ， 在 舞台 中 调整 图 像 的 裁 前 区域， 调 


合适 的 区 域 后 ， 在 “属性 ”面板 中 单 击 “应 
用 ”按钮 ， 如 图 8-117 所 示 


选择 另外 一 个 复制 出 的 主 


o 


E 卧 图 


域 ， 如 图 8-118 所 示 。 使 用 同样 的 方法 绘制 图 形 ， 如 图 8-121 所 示 。 
ra Ml | 


使 用 “ 甜 形 工具 ” 国 ,， 在 舞台 中 绘制 矩 形 ， 设 
置 矩 形 的 填充 为 深 绿色 ， 如 图 8-122 所 示 。 


阐 上 后 邢 10}e44Snll| 笨 准 丑 
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项 
目 
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娄 
全 


使 用 “钢笔 工具 ”分 ,， 在 舞台 中 绘制 如 图 8-120 
所 示 的 形状 ， 设置 “ 填 色 ”为 白色 ,设置 “ 描 
边 ” 为 无 ， 设置“ 不 透明 度 ” 为 50%。 


可 以 使 用 “直线 段 工具 ”二 ， 设 置 合适 的 “ 描 
边 ” 粗 细 ， 并 设置 描 边 颜色 为 绿色 ， 如 图 8-123 
所 示 。 


全 继续 绘制 直线 段 ， 如 图 8-124 所 示 。 | 全 EX 注 生 ， 如 图 8-127 所 示 。 


ee 
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图 8-127 
“ 矩 形 工具 ” 国 ,， 在 舞台 中 创建 渐变 的 和 矩 
， 只 需 设置 填充 即 可 创建 出 绿色 的 渐变 抵 形 
二 如 图 8-128 所 示 。 
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图 8-124 er 


从 使 用 "文字 工具 ”了 ,， 注 释文 字 ， 设 置 合适 的 
属性 ， 在 舞台 中 调整 其 位 置 ， 如 图 8-125 所 示 。 


图 8-128 
创建 文字 注释 ， 使 用 “椭圆 工具 ” 鲜 , 绘 制 如 
图 8-129 所 示 的 底 纹 形状 ， 设 置 “ 填 色 ”为 灰 
色 、“ 描 边 ”为 无 。 


“A 


训 内 省 绊 竺 高 四 而 所 和 家 民用 旬 
“抽水 县 全 本 和 网 DJ 本 


图 8-129 
在 椭圆 上 创建 文字 ， 设 置 文字 为 粉色 ， 如 图 8-30 
所 示 ， 这 样 封面 的 正面 就 制作 完成 。 


图 8-125 
继续 创建 文字 ， 如 图 8-126 所 示 ， 在 舞台 中 可 以 随 

时 更 改 封面 中 的 图 形 、 图 像 ， 如 果 白 色 的 遮 音 第 
区 域 太 过 腊 胱 ， 可 以 设置 “不 透明 度 " 为 2096。 间 
取 
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图 8-130 
制作 杂志 背面 封面 
家 装 家 居 杂 志 的 正面 封面 制作 完成 后 ， 下 面 
将 简单 的 制作 杂志 背面 。 杂 志 背 面 主要 添加 一 些 出 
版 社 的 内 容 和 书号 等 信息 ， 这 里 简单 地 添加 一 些 英 
文 ， 用 到 该 版 面 模板 时 ， 对 文字 进行 替换 即 可 。 


图 8-126 
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勒 必 到 JO1eQSnlll 芝 半 嬉 


佳 米 号 


fg 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 


“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 室内 


素材 


(1) jpg” 文 件 ， 单 


四 = 


8-131 所 示 。 


一 

| 

lO RE = “| 
xf = He 


#“ 置 入 ”按钮 ， 如 


OO 轩 入 素材 后 ， 将 其 放置 到 “画板 2” 中 ， 调 整 素 | 
材 的 大 小 ， 如 图 8-132 所 示 。 


图 8-132 


在 “画板 1” 和 舞台 中 复制 封面 正面 中 的 背景 矩 ， 


形 到 
所 示 。 
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“画板 2”， 调 整 和 矩形 


图 8-133 


的 位 置 ， 如 图 8-133 


选择 矩形 ， 按 Ctrl+[ 组 合 键 ， 将 矩形 放置 到 图 
形 的 后 方 ， 使 用 “椭圆 工具 ”@,， 在 舞台 中 创 
建 椭圆 ， 如 图 8-134 所 示 ， 将 该 椭圆 作为 遮 罩 
图 形 。 


OD 


图 8-134 
在 舞台 中 选择 顶 圆 和 和 矩形， 在 “路 径 查找 器 " 
面板 中 单 击 “ 减 去 顶层 ”按钮 略 ， 创 建 圆 形 的 
洞 效果 ， 使 其 正好 显示 出 后 面 的 效果 图 ， 如 
图 8-135 所 示 。 


图 8-135 


使 用 “ 椭 贺 工具”,， 在 舞台 中 创建 椭圆 ， 设 
置 填充 为 绿色 ， 设 置 “ 不 透明 度 ” 为 10%， 如 
图 8-136 所 示 。 


2 到 arr 


图 8-136 


人 @O 在 舞台 中 复制 梢 加， 设置 椭圆 的 “ 填 色 " 为 


无 、“ 描 边 ”为 绿色 ， 设 置 描 边 的 粗细 为 


20pt， 设 置 “ 不 透明 度 ” 为 50%， 如 图 8- 137 所 ， 


示 ， 调 整 各 个 素材 的 图 形 的 位 置 。 


图 8-137 
在 舞台 中 如 图 8-138 所 示 的 位 置 创 建文 字 ， 说 明 
该 位 置 需要 放置 标志 ， 并 在 标志 下 创建 “直线 
段 工具 ”人 .， 设 置 直线 段 的 “ 描 边 ”颜色 为 绿 
色 ， 设 置 粗细 为 3pt， 如 图 8-138 所 示 。 


[PE 
*s 久 cc 
we a 
-#8 二 


LOGO 


| 三 作 


bP 


| 图 8-139 
| | 复审 虚线 ， 如 图 8-140 所 示 ， 在 此 位 置 中 输入 一 
| 些 出 版 信息 ， 这 里 就 不 详细 介绍 了 


| 图 8-140 

为 了 模板 的 好 看 ， 在 如 图 8-141 所 示 的 位 置 随便 
| 添加 了 一 些 文字 ， 当 需要 使 用 该 模板 时 根据 提 
供 的 内 容 进 行 填写 即 可 ， 这 样 封面 的 平面 设计 
| 就 制作 完成 了 。 


| 2020 湿 搓 风 
LOGO < | Ee 家 装 家 居 设 计 
a 图 8-141 
图 8-138 封面 展示 


在 “ 描 边 ”面板 中 设置 直线 段 为 虚线 ， 如 图 8-139 
所 示 。 


制作 完成 封面 的 平面 展示 后 ， 下 面 将 制作 封面 
， 的 立体 陈列 展示 效果 。 
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山 8 并 


中 


二 


设 
计 


选择 “画板 1” 中 的 所 有 图 形 、 图 像 、 形 状 和 文 在 上 图 中 可 以 发 现 倒影 太 过 生硬 ， 针 对 这 种 情 
字 等 ， 按 Ctrl+G 组 合 键 ， 将 其 进行 编组 ， 编 组 况 ， 可 以 在 菜单 栏 中 选择 “效果 > 模糊 > 高 斯 模 
后 ， 将 其 放置 到 舞台 的 空白 处 ， 使 用 “钢笔 糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设 
具 ” 依 绘制 出 顶部 的 浅 灰 色 厚度 ， 以 及 侧面 的 置 合适 的 参数 ， 如 图 8-145 所 示 。 

浅 绿色 书 冰 ， 如 图 8-142 所 示 。 


TT 


Rn 
TT 


Mr BA 


勒 尾 避 JoeQSnlll 芝 省 千 


二 天 开征 局 燃放 亲 本 de 本 


~ 


使 用 “钢笔 工具 ”万 绘制 形状 ,设置 形状 的 填充 
为 黑色 到 透明 的 渐变 作为 投影 ， 如 图 8-143 所 示 。 


项 
目 
设 
站 
全 


ET 
人 实力 


按 Ctrl+[ 组 合 键 ， 将 投影 图 形 放置 到 编组 后 面 ， 
如 图 8-144 所 示 。 


优秀 作品 欣赏 


EH Wooo 
宇和 而 wR 


本 水 度 合 全 局。 安放 小 实 间 
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包装 作为 一 件 产品 最 直接 的 外 观 显示 形态 ， 也 见 
证 了 这 个 社会 的 发 展 历程 。 产 品 包装 设计 是 立体 领域 的 
设计 项 目 。 与 标志 设计 、 海 报 设计 等 依附 于 平面 的 设计 
项 目 不 同 ， 包 装 设计 需要 创造 出 有 材质 、 体 感 、 重 量 的 
“外 这”， 必 须根 据 商品 的 外 形 、 特 性 柔 用 相应 的 材料 
进行 设计 。 

本 章节 主要 从 产品 包装 的 含义 、 产 品 包装 的 常见 
分 类 、 产 品 包装 的 常用 材料 等 几 个 方面 来 学 习 产品 包装 
设计 。 


苦 尾 蛋 J01e3Snlll 芝 汉 丑 


产品 包装 设计 概述 


包 是 在 流通 的 过 程 中 为 保护 产品 、 方 便 储 
车 、 促 进 ， 按 一 定 的 技术 方法 所 用 的 容器 以 及 
辅助 物 的 总 称 。 


9.1.1“ 什 么 是 产品 包装 

产品 是 品牌 理念 产品 特性 、 消 费心 理 的 综合 “上 9.1:2” 产品 包装 的 常见 形式 
反映 ， 它 直接 影响 消费 者 的 购买 欲望 。 产 品 包装 既 
能 保护 产品 的 内 容 又 能 通过 包装 美化 来 促进 消费 者 
的 感官 ， 从 而 引导 消费 ， 如 图 9-1 所 示 。 


产品 包装 的 形式 多 种 多 样 ， 分 为 盒 类 、 袋 类 、 
瓶 类 、 铅 类 、 坛 类 、 管 类 、 包 装 艇 和 其 他 包装 类 。 

(1) 盒 类 包装 : 盒 类 包装 包括 纸 盒 、 木 盒 、 
皮 盒 等 多 种 类 型 ， 如 图 9.2 所 示 。 


u COOKIESE 
[re 
Su 


| | 


(2) 袋 类 包装 : 袋 类 包装 重量 轻 、 强 度 高 、 
耐 腐蚀 ， 是 最 常见 也 是 最 方便 的 一 种 包装 方式 ， 包 
括 塑 料 袋 、 布 袋 、 纸 袋 等 多 种 类 型 ， 应 用 范围 广 ， 
如 图 9-3 所 示 。 


图 9-5 
(5) 坛 类 包装 : 坛 类 包装 一 般 用 于 酒 类 和 腌 
制品 ， 如 图 9-6 所 示 。 


图 9-3 

(3) 瓶 类 包装 : 瓶 类 的 包装 也 是 十 分 常见 的 
-种 包装 方式 ， 一 般 应 用 于 液体 包装 ， 如 酒 、 洗 发 
水 、 洗 衣 液 、 化 妆 品 等 ， 常 用 的 瓶 类 材质 有 玻璃 、 


(6) 管 9 
液体 ， 包 括 软 管 、 复 合 软 管 、 
图 9-7 所 示 。 


:| [a PS Bt 4 
Ex 3 


常用 于 盛 放 凝 胶 状 
1 料 软 管 等 类 型 ， 如 


图 9-4 
(4) 钢 类 包装 : 铅 类 包装 一 般 用 于 咖啡 、 糖 、 
饼干 、 调 料 、 镶 头等 。 常 见 的 铅 类 包装 材质 有 铁 钠 、 铝 


饶 、 玻 璃 缸 等 。 由 于 缸 类 包装 刚性 好 、 不 易 破损 ， 
所 以 它 也 是 常用 的 一 种 包装 类 型 ， 如 图 9-5 所 示 。 图 9-7 
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季节 痒 四 里 、 需 6 名 


(7) 包装 管 : 多 用 于 数量 较 多 的 产品 ， 如 瓶 (1) 纸 质 包装 : 纸 质 包装 是 一 种 轻薄 、 环 保 
酒 、 饮 料 类 ， 如 图 9-8 所 示 。 的 包装 ， 也 可 分 为 包装 纸 、 蜂 窝 纸 、 纸 袋 纸 、 干 燥 
剂 包 装 纸 、 蜂 窝 板 纸 、 和 牛皮 纸 、 工 业 纸 板 、 蜂 窝 纸 
芯 等 。 纸 质 包 装 应 用 广泛 ， 具 有 成 本 低 、 便 于 印刷 
和 可 批量 生产 的 优势 ， 如 图 9-10 所 示 。 
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(8) 其 他 包装 类 : 包括 托盘 、 纸 标签 、 瓶 封 
等 多 种 类 型 ， 如 图 9-9 所 示 。 


制作 的 包装 材料 ， 有 封口 膜 、 收 缩 膜 、 塑 ; 
绕 膜 、 热 收缩 膜 等 类 型 。 塑 料 包 装具 有 强度 高 、 防 
滑 性 好 、 防 腐 性 强 等 优点 ， 如 图 9-11 所 示 。 


品 的 包装 是 产品 的 重要 组 成 部 分 ， 它 不 仅 在 
程 中 起 保护 的 作用 ， 而 且 直接 关系 到 产品 的 


下 面 介绍 常用 的 包装 材料 。 


(3) 金属 包装 : 常见 的 金属 包装 有 马口铁 
皮 、 铝 、 铝 稍 、 镀 铬 无 锡 铁 皮 等 类 型 。 金 属 包装 具 
有 耐 蚀 性 、 防 菌 、 防 霉 、 防 潮 、 牢 固 、 抗 压 等 特 
点 ， 如 图 9-12 所 示 。 


(5) 陶瓷 包装 : 陶瓷 包装 是 极 富 艺术 性 的 包装 
容器 。 瓷 器 釉 瓷 有 高 级 釉 瓷 和 普通 釉 瓷 两 种 。 陶 瓷 
包装 具有 耐火 、 耐 热 、 坚 固 等 优点 。 其 与 玻璃 包装 一 
样 ， 易 碎 ， 且 有 一 定 的 重量 ， 如 图 9-14 所 示 。 


(4) 玻璃 包装 : 玻璃 包装 具有 无 毒 、 无 味 、 
清澈 性 好 等 特点 ， 但 其 最 大 的 缺点 是 易 碎 ， 且 重量 
相对 过 重 。 玻 璃 包装 包括 食品 用 瓶 、 化 妆 品 瓶 、 药 
品 瓶 、 碳 酸 饮料 瓶 等 多 种 类 型 ， 如 图 9-13 所 示 。 


TSETTEETOIEEIERE 二 
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9 2 商业 案例 一 手提 袋 包装 没 计 


DEFG 


Md a ag nt this location 


| 9.2.1 设计 思路 


图” 案例 类 型 扫 码 看 视频 
本 案例 是 设计 一 个 手提 袋 包 装 项 目 。 
国 ”项 目 诉求 
手提 袋 是 一 种 简易 的 袋子 ， 制 作 材料 有 纸张 、 
塑料 、 无 纺 布 、 工 业 纸 板 等 。 此 类 产品 通常 用 于 厂 
商 盛 放 产品 ， 也 有 在 送礼 时 盛 放 礼品 ， 还 有 很 多 时 
尚 前 卫 的 西方 人 更 将 手提 袋 用 作 包 类 产品 使 用 ， 可 
与 其 他 装扮 相 匹 配 ， 所 以 越 来 越 被 年 轻 人 所 喜爱 。 
手提 袋 还 被 称 为 手 挽 袋 、 手 袋 等 ， 如 图 9-15 所 示 。 


全 


mm 


图 9-15 
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图 ”设计 定位 

本 案例 将 采用 牛皮 纸 制作 手提 伐 ， 用 牛皮 纸 制 
作 的 手提 袋 ， 其 特点 是 牢 度 较 大 ， 成 本 最 低 ， 一 般 
用 于 盛 放 普通 商品 。 在 设计 本 案例 中 ， 将 采用 白色 
的 手提 袋 ， 白 色 比 较 适 宜 印 刷 深 色 的 文字 与 线条 ， 
也 可 设计 一 些 对 比 强烈 的 色 块 和 公司 的 代表 图 案 或 
Logo。 


| 9.2.2 ”配色 方案 


配色 上 采用 黑白 灰 ， 这 三 种 颜色 是 极 简 和 时 
尚 的 颜色 ， 因 为 没有 任何 色彩 ， 所 以 这 三 种 颜色 
搭配 在 一 起 使 整体 效果 显得 特别 高 端 、 有 内 涵 ， 
如 图 9-16 所 示 。 


DEFG 


Add a flag at this location 


图 9-16 
加 ”其 他 配色 方案 
下 面 制 作 了 四 款 配 色 方案 ， 绿 色 、 黄 色 、 蓝 色 
和 粉色 。 蓝 色 的 搭配 比较 大 众 化 ， 适 用 于 任何 场合 
的 任何 人 ， 没 有 针对 性 ; 粉色 是 有 针对 性 的 颜色 ， 
粉色 是 代表 女人 的 颜色 ， 这 种 颜色 的 手提 袋 一 般 会 
放置 女装 、 女 性 用 品 等 ， 如 图 9-17 所 示 。 


| 9.2.3 “版 面 设计 


图 9-17 ( 续 ) 


整体 构图 采用 了 对 称 构 图 ， 右 下 角 为 图 ， 左 上 
角 为 标志 ， 这 种 对 称 构图 一 般 比 较 简单 ， 也 比较 商 


务 化 。 


| 9.2.4 同类 作品 欣赏 


|9.2:5“ 项 目 实 战 


国 ”制作 流程 


本 案例 首先 创建 背景 ， 创 建 
位 置 的 形状 ; 然后 创建 文字 注释 ， 绘 制 手袋 强 ; 


后 设置 图 像 的 倾斜 ， 如 图 


， 生 成 椭 


9-18 所 示 。 


图 9-18 
国 ”技术 要 点 
使 用 “和 抑 形 工具 ”创建 背景 ; 
使 用 “椭圆 工具 ”创建 圆 ; 
使 用 “形状 生成 器 工具 ”生成 椭圆 交叉 位 置 的 
形状 ; 
使 用 “路 径 查 找 器 ”修剪 形状 ; 
使 用 “文字 工具 ”创建 标题 ; 
使 用 “画笔 工具 ”绘制 手袋 强 ; 
使 用 “内 发 光 ” 设 置 强 子 的 效果 ; 
使 用 “倾斜 工具 ”设置 图 像 的 倾斜 效果 ; 
使 用 “钢笔 工具 ”绘制 出 立体 的 其 他 效果 。 
图 ”操作 步骤 
制作 手提 袋 的 正面 展示 
下 面 制作 手提 袋 的 正面 图 像 效 果 。 
运行 Tllustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 500mm、 
“高 度 ” 为 500mm， 单 击 “ 创 建 ” 按 钮 ， 创 
建文 档 ， 如 图 9-19 所 示 。 
使 用 “ 甜 形 工具 ” 国 ,， 在 舞台 中 单 击 ， 在 弹出 
的 “和 珑 形 ”对 话 框 中 设置 “宽度 ”为 300mm、 
“高 度 ” 为 400mm， 单 击 “确定 ”按钮 ， 如 
图 9-20 所 示 。 
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手 沁 炎 四 80 趟 ” 山 6 妾 


勒 尾 到 JeQSnlll 芝 省 嬉 


例 


(人 在 舞台 中 创建 矩形 ， 设置 其 “ 填 色 ” 为 


辐 9-20 


# cccccc， 如 图 9-21 所 示 。 


使 用 “ 顶 圆 工具 ”@@,， 在 舞台 中 创建 园 ， 如 


图 9-22 所 示 。 


图 


9-21 


9-22 


OO 复制 顶 田 ， 如 图 9-23 所 示 。 
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图 9-23 
在 工具 箱 中 选择 “形状 生成 器 工具 ” 写 ， 在 需 
要 的 形状 上 单 击 ， 如 图 9-24 所 示 。 


图 9-24 


图 


贺 形状 生成 器 工具 的 使 用 和 技巧 


在 Illustrator 软 件 中 ， 很 多 工具 可 以 分 割 图 形 ， 
其 中 包括 形状 生成 器 工具 ， 如 “路 径 查 找 器 ”， 除 
此 之 外 ， 还 有 一 个 工具 可 以 分 割 图 形 ， 那 就 是 “ 形 
状 生 成 工具 ” 导 。 形 状 生成 工具 的 使 用 方法 如 下 。 

在 舞台 中 创建 连 个 图 形 ， 使 用 “形状 生成 工 
具 ” 导 ,选择 需要 合并 来 创建 形状 的 路 径 ， 生 成 
后 使 用 “选择 工具 ” 拖 复 形状 ,可 以 看 到 生成 的 形 
状 ， 如 图 9-25 所 示 。 
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图 9-25 ( 续 ) 

从 工具 面板 或 按 Shiftt+rM 组 合 键 选择 “形状 生 
成 工具 ”时 .。 默 认 情 况 下 ， 该 工具 处 于 合并 模式 ; 
在 此 模式 下 ， 可 以 合并 不 同 的 路 径 。 在 此 模式 下 ， 
指针 显示 为 kh。。 

若 要 合并 路 径 ， 沿 选区 拖 动 并 释放 鼠标 ， 两 个 
选区 将 合并 为 一 个 新 形状 ， 如 图 9-26 所 示 。 


圆 


9-26 

若 要 使 用 形状 生成 器 工具 的 抹 除 模式 ， 请 按 住 
Alt 键 (Windows) 或 Option 键 (Mac OS) 并 单 击 想 要 
删除 的 闭合 选区 。 按 Alt 键 或 Option 键 时 ， 指 针 会 
变 为 此 形状 。 

在 抹 除 模式 下 ， 可 以 在 所 选 形状 中 删除 选区 。 
如 果 要 删除 的 某 个 选区 由 多 个 对 象 共享 ， 则 分 离 形 
状 的 方式 是 将 选 框 所 选中 的 那些 选区 从 各 形状 中 删 
除 ， 如 图 9-27 所 示 。 


也 可 以 在 抹 除 模式 中 删除 边缘 。 此 选项 在 创建 
所 需 形状 后 清除 剩余 部 分 时 非常 有 用 。 
仿生 成 形状 后 ， 删除 不 需要 的 形状 ， 如 图 9-28 
所 示 。 


SEEEEEETEEIET 


图 9-28 
选择 修改 后 生成 的 形状 ， 按 Ctrl+C 和 Ctrl+B 组 合 
键 ， 粘 贴图 像 到 后 面 ， 按 Ctrl+G 组 合 键 可 以 将 
其 图 形 进行 编组 ， 使 用 “选择 工具 ”， 调 整形 
状 的 高 度 ， 如 图 9-29 所 示 。 


图 9-29 
人 丝 续 复制 并 调整 图 形 ， 如 图 9-30 所 示 。 


图 9-30 
人 选择 所 有 的 形状 ， 在 “路 径 查找 器 ”面板 中 


击 “ 差 集 ” 按 钮 局， 修剪 图 形 ， 如 图 9-31 所 示 。 
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1 
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| | / 
图 9-31 | 图 9-34 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 


将 修剪 后 的 形状 放置 到 手袋 的 矩形 上 ， 并 将 手 。 《他 修剪 后 的 图 形 效果 如 图 9-35 所 示 。 
袋 矩 形 进行 复制 ， 如 图 9-32 所 示 。 


}e44SnNIl| 笨 冷 卫 


图 9-32 图 9-35 
选择 复制 出 的 矩形 ， 按 CttL] 组 合 键 ， 将 其 放置 人 念 使 用 “文字 工具 ”T.,， 创 建文 字 ， 如 图 9-36 


到 形状 图 形 上 ， 如 图 9-33 所 示 。 | 所 示 。 


图 9-33 


全 对 矩形 和 修剪 的 图 形 进行 修剪， 在 “路 径 查 找 
器 ”面板 中 单 击 “ 减 去 后 方 对 象 ”按钮 晤 ， 如 
图 9-34 所 示 。 


使 用 “椭圆 工具 ”全 ,， 在 舞台 中 手提 袋 绳子 的 
位 置 创建 两 个 椭圆 ， 设 置 填充 为 黑色 ， 如 
图 9-37 所 示 。 
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ax EEE 


Tengo [Sm] 
em m Ce] 


口中 心 (C) 日 划 红 中 


amo CC | 
S| 


使 用 “画笔 工具 ”4X.， 设 置 合适 的 画笔 粗细 ， | 
并 设置 画笔 的 颜色 为 灰色 ， 在 舞台 中 绘制 强 | 
子 ， 如 图 9-38 所 示 。 | 


手 疯 焊 四 引出 6 商 


| 

| 

| 

| 

| 

| 

| 

| 

| 

| 

1 

| 图 9-41 
手提 袋 的 立体 展示 

| (选择 所 有 的 图 像 ， 按 Ctri+G 组 合 键 ， 将 正面 图 
| ” 像 成 组 ， 成 组 后 ， 在 工具 箱 中 选择 “倾斜 工 
| 具 ” 地 ， 在 舞台 中 移动 侧面 ， 设 置 其 倾斜 效 
| 果 ， 如 图 9-42 所 示 。 

| 

| 

| 

| 

| 

| 

| 

| 

| 

| 

1 

| 


人 @ 在 菜单 栏 中 选择 “对 象 > 扩 展 外 观 ” 命 令 ， 将 形 | 
状 转换 为 填充 ， 如 图 9-39 所 示 。 | 


， 国 贷 侍 工具 使 用 提示 


图 9-39 | 
在 菜单 栏 中 选择 “效果 > 风格 化 > 内 发 光 " 命 | 
令 ， 在 弹出 的 “内 发 光 ” 对 话 框 中 设置 合适 的 | 


倾斜 操作 可 沿 水 平 或 垂直 轴 ， 或 相对 于 特定 轴 
的 特定 角度 ， 来 倾斜 或 偏 移 对 象 。 对 象 相对 于 参考 
点 倾斜 ， 如 图 9-43 所 示 〈 黑 认 的 参考 点 在 图 形 的 中 
| 心 位 置 ， 可 以 通过 单 击 重新 定位 参考 点 ， 上 图 参考 
”点 为 中 心 位 置 ， 下 图 参考 点 在 左下 角 ) ， 而 参考 点 


内 发 光 参 数 ， 如 图 9-40 所 示 。 
的 设 夺 的 内 发 光 效果 如 图 9-41 所 示 。 
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又 会 因 所 选 的 倾斜 方法 而 不 同 ， 而 且 大 多 数 倾斜 方 
法 中 都 可 以 改变 参考 点 。 可 以 在 倾斜 对 象 时 ， 锁 定 
对 象 的 一 个 维度 ， 还 可 以 同时 倾斜 一 个 或 多 个 
对 象 。 


< 到 J0}e4Snlll 秋 半 壬 


欠 


宣 


贰 恬 胁 自生 交加 污 


图 9-46 
DO 人 M 给 制 硕 部 的 形状 ， 设置“ 填 色 "为 白色 ， 设置 
使 用 “钢笔 工具 ”分 绘 制 侧面 形状 ， 设 置 图 形 “ 描 边 " 为 灰色 ， 如 图 9-47 所 示 。 


的 “ 填 色 ”为 浅 灰 色 ， 如 图 9-44 所 示 。 


Ey 
Bt | 


EE 
.6 en 玫 : 349.606 


23 下 


A ~ 3 


图 9-44 图 9-47 
使 用 “钢笔 工具 ”分 绘 制 侧面 形状 ， 设置 形状 ， 食 绘 制 如 图 9-48 所 示 的 形状 ， 设置 “ 填 色 ” 为 浅 


灰色 。 
人 @@ 复 制 手袋 图 像 ， 调整 其 翻转 效果 ， 并 调整 其 合 
适 的 “不 透明 度 ”， 如 图 9-49 所 示 。 


的 “ 填 色 ”为 灰色 ， 如 图 9-45 所 示 。 
继续 创建 形状 ， 设置 “ 填 色 ”， 如 图 9-46 
所 示 。 
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图 9-48 


图 9-51 


[太太 交大 | 
9 3 商业 案例 一 果汁 包装 设计 ) 


站 潭 六 四 80 儒 、 需 6 溉 


图 9-49 
在 舞台 中 创建 德 形 ， 通 过 “路 径 查找 器 ”面板 
修剪 图 形 的 形状 ， 如 图 9-50 所 示 。 


| 9.3.1 设计 思路 


图 9-50 


(个 前 后 油 整 出 倒影 效果 ， 如 图 9-51 所 示 。 
@EL, 本 案例 制作 完成 。 


国 ”案例 类 型 
本 案例 设计 一 款 果汁 包装 盒 。 
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四 局 京 类 上 许 到 JO1eQSnlll 荣 汉 千 


图 ”设计 背景 

梯 汁 是 以 柳 子 为 原料 通过 榨 汁 机 榨 的 果汁 饮 

料 ， 营 养 价值 高 ， 可 经 过 冷冻 的 方法 饮用 或 直接 饮 

， 如 图 9-52 所 示 。 
二 


图 9-52 


本 案例 是 一 款 针对 青少年 无 添加 的 纯 果 汁 饮 
， 整 体 要 求 包装 与 饮品 的 属性 相 匹 配 ， 画 面 整 体 
协调 。 
设计 定位 
为 了 吸引 青少年 消费 者 群体 的 注意 ， 整 体 风 格 
采用 卡通 形式 ， 以 卡通 形象 覆盖 包装 正面 的 大 面积 
区 域 ， 标 志 部 分 以 椭圆 形 为 外 轮廓 ， 同 时 也 可 以 模 
拟 卡通 形象 ， 为 包装 增添 趣味 ， 如 图 9-53 所 示 。 


图 音 到 


图 9-53 


2 人 0 


图 9-53 ( 续 ) 

我 们 将 这 款 果汁 包装 的 整体 风格 定位 为 简约 、 
形象 的 效果 ， 包 装 采用 直立 手 拿 式 果 汁 的 环保 包 
装 ， 使 消费 者 拿 在 手 里 大 小 适中 ， 轻 重 适度 ， 便 于 
携带 和 直接 饮用 。 


| 9.3.2 ”配色 方案 


橙汁 包装 主要 还 是 使 用 橙子 和 橙色 作为 主角 和 
主 色 ， 这 样 会 使 顾客 联想 到 橙汁 的 味道 ， 其 次 可 以 
使 用 绿色 作为 点 级 。 将 会 在 包装 中 心 的 位 置 采用 明 
度 和 纯度 都 较 高 的 色彩 ， 可 以 将 文字 的 字体 修改 整 
齐 一 些 ， 使 画面 简单 、 明 确 、 突 出 主题 。 
图 主 色 

本 案例 使 用 橙色 作为 主 色 ， 主 要 是 因为 与 橙 
子 和 橙汁 的 色调 一 致 ， 其 次 橙色 因 其 具有 明亮 、 华 
丽 、 健 康 、 兴 奋 、 温 暖 、 欢 乐 、 辉 煌 以 及 容易 动人 
的 色 感 ， 常 作 装饰 色 。 橙 色 是 欢快 活泼 的 光辉 色 
彩 ， 是 暖色 系 中 最 温暖 的 色 ， 它 使 人 联想 到 金色 的 
秋天 、 丰 硕 的 果实 ， 是 一 种 富足 、 快 乐 而 幸福 的 颜 
色 ， 如 图 9-54 所 示 。 


i 


图 9-54 


轩 ”辅助 色 
包装 中 以 大 面积 的 橙色 为 主 色 ， 而 辅 
色 ， 这 种 颜色 可 以 通过 在 橙色 中 混入 大 量 的 


入 以 肤 
色 得 


来 ， 所 以 两 种 颜色 搭配 在 一 起 非常 和 谐 。 肤 色 部 分 | | 9.3.4 “同类 作品 欣赏 
主要 用 于 卡通 形象 区 域 。 通 过 使 用 绿色 和 红色 对 | 
包装 进行 点 缀 ， 使 整体 包装 更 加 富有 画面 感 和 节 
奏 感 。 
国 。 其 他 配色 方案 

设计 者 可 以 在 此 包装 的 基础 上 更 改 一 下 卡通 
动物 的 颜色 ， 使 其 颜色 更 加 白嫩 一 些 ， 整 个 画面 更 
加 活泼 ， 如 图 9-355 上 图 所 示 。 将 橙色 更 换 掉 会 发 现 
偏离 了 橙汁 的 方向 ， 黄 色 的 包装 会 使 人 联想 到 酸 酸 
的 柠檬 ， 所 以 黄色 偏 多 的 话 不 合适 ， 如 图 9-55 下 图 
所 示 。 


半 疯 亲 加 人 冉 、 山 6 溉 


| 9.3.5 “项 目 实战 


加 ”制作 流程 

本 案例 首先 创建 矩形 模块 ， 再 添加 锚 点 调整 形 
状 ; 然后 绘制 不 规则 的 形状 ， 最 后 创建 文字 注释 ， 
如 图 9-56 所 示 。 


| 9.3.3 “构图 方式 


本 案例 采用 的 构图 方式 类 似 于 半圆 形 构图 ， 主 
要 是 针对 包装 中 的 卡通 形象 设计 展开 的 ， 小 熊 卡通 
形象 的 设计 在 局 部 上 运用 了 抽象 化 的 表现 形式 ， 小 
能 嘴 部 的 区 域 抽象 地 表现 为 一 个 椭圆 形 ， 而 且 椭 
形 作为 商品 标志 的 组 成 部 分 ， 与 包装 上 的 装饰 图 案 
很 好 地 结合 在 一 起 ， 又 不 乏 趣味 性 。 
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勒 撤 到 JeQSnlll 芝 省 嬉 


避 言 


津 坑 忆 导 泣 现 四 


图 9-56 ( 续 ) 


国 。 技术 要 点 


使 用 “和 矩形 工具 ”创建 矩形 模块 ; 
使 用 “直接 选择 工具 ”调整 形状 ; 
使 用 “添加 锚 点 工具 ”添加 锚 点 调整 形状 ; 


使 用 “钢笔 工具 ”绘制 不 


规则 的 形状 ， 如 耳 条 ; 


使 用 “椭圆 工具 ”创建 椭圆 的 肚皮 ; 
使 用 “文字 工具 ”创建 文字 注释 ; 
使 用 “ 置 入 ”命令 置 入 素材 。 


加 ”操作 步骤 
绘制 平面 包装 


在 制作 包装 前 ， 首 先 要 设置 好 画板 ， 在 画板 中 


绘制 包装 的 基本 形状 。 


运行 lustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 


建文 档 ” 对 话 框 中 设置 
“高 度 ” 为 130mm， 单 
建文 档 ， 如 图 9-57 所 示 。 


“宽度 ”为 100mm、 
击 “ 创 建 ” 按 钮 ， 创 


ee 
OMAN 已 @ | Ham wb DM 四 语 fm 
未 标题 1 
[AN [AN = | 
3 汪 下 
En 
a a 
X 兴 | 
5 
图 9-57 


人 @@1 具 箱 中 选择 “画板 了 


性 ”面板 中 单 击 时 按钮 ， 
所 示 。 
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[ 具 ” 曾 ， 在 工具 “ 属 
新 建 画 板 2， 如 图 9-58 


图 9-58 
选择 新 建 的 画板 2， 在 “属性 ”面板 中 设置 
“ 宽 ” 为 60omm、“ 高 ”为 150mm， 如 图 9-59 
所 示 。 


图 9-59 
使 用 “画板 工具 ” 怕 将 画板 2 对 齐 到 画板 1， 可 
以 在 “属性 ”面板 中 设置 调整 位 置 ， 如 图 9-60 
所 示 。 


图 9-60 


售 技 住 Shift 键 使 “画板 工具 ”六 选择 两 个 画 


板 ， 按 住 Alt 键 移动 复制 画板 ， 调 整 画板 的 位 | 


置 ， 如 图 9-61 所 示 。 


图 9-61 
人 @@ 合 用 “矩形 工具 ” 园 ,， 在 “画板 1” 中 单 击 ， 


在 弹出 的 “和 矩形 ”对 话 框 中 设置 “宽度 " 为 | 
100mm、“ 高 度 ”为 130mm， 单 击 “ 确 定 " 按 | 


钮 ， 如 图 9-62 所 示 。 


图 9-62 


全 外 建 算 形 后 ， 设置 矩形 的 “ 描 边 ”为 无 ， 设 置 | 


“ 填 色 ”为 杰 色 ， 如 图 9-63 所 示 。 


图 9-63 


人 @ 使 用 “矩形 工具 回 ， 在 舞台 中 单 击 ， 在 | 
弹出 的 “和 抢 形 ”对 话 框 中 设置 “宽度 " 为 | 
100mm、“ 高 度 ” 为 50mm， 单 击 “ 确 定 ” 按 ， 


钮 ， 如 图 9-64 所 示 。 


调整 矩形 的 位 置 ， 可 以 在 “属性 ”面板 


形 进行 调整 ， 如 图 9-65 所 示 。 


图 9-65 


h 对 甜 


人 人 使 用 “矩形 工具 ” 国 ,， 在 舞台 中 单 击 ， 在 
弹出 的 “和 矩形” 对话 框 中 设置 “宽度 ”为 
100mm、“ 高 度 ” 为 20mm， 单 击 “ 确 定 ” 按 


钮 ， 如 图 9-66 所 示 。 


图 9-66 


使 用 “直接 选择 工具 ”上 人 , ， 设 置 圆 角 效 果 ， 如 


图 9-67 所 示 。 


图 9-67 
复制 第 二 个 矩 形 到 包装 甜 形 的 下 方 ， 调 整 矩 


形 的 位 置 和 填 色 ， 设 置 “ 填 色 ”为 肤 


色 


如 
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手 疯 焊 四 30 直 ”出 6 潍 


图 9-68 所 示 。 
D132 “添加 锚 点 工具 ” 户 ,， 在 矩形 的 形状 边 上 
单 击 ， 添 加 可 控制 的 锚 点 ， 如 图 9-69 所 示 。 


图 9-72 
图 9-68 图 9-69 人 全 复制 并 调整 矩形 ， 如 图 9-73 所 示 。 
添加 销 点 后 ， 使 用 “直接 选择 工具 ”上 ,调整 添 
加 的 锚 点 位 置 ， 如 图 9-70 所 示 。 


勒 扩 到 JeQSnlll 芝 半 嬉 


宣 


4 半 光 加 号 


Elka 


图 9-73 


人 在 舞台 中 选择 作为 显示 出 来 的 包装 图 形 ， 按 
CtrltC 和 CtrltF 组 合 键 复制 、 粘 贴图 像 到 上 方 ， 
在 菜单 栏 中 选择 “窗口 > 色 板 库 > 图 案 > 基 本 图 
形 > 基本 图 形 点 ”， 在 打开 的 “基本 图 形 点 ” 


图 9-70 
使 用 “添加 锚 点 工具 ”饱和 “直接 选择 
工具 ”上 调整 添加 的 锚 点 位 置 ， 如 图 9-71 


所 示 。 面板 中 单 击 预 设 的 一 种 点 ， 如 图 9-74 所 示 。 
| 基本 图 形 点 于 | 
TP 
mh. 4 > 
图 9-74 


填充 包装 圆 点 、 绘 制 卡通 图 像 

制作 完成 包装 的 基本 图 形 后 ， 填 充 基本 背景 图 
案 ， 并 绘制 包装 的 卡通 造型 ， 将 包装 丰满 起 来 。 
人 @ 壮 充 点 后 的 效果 如 图 9-75 所 示 。 


图 9-71 
使 用 “选择 工具 ”选择 图 形 ， 按 住 Alt 键 移动 复 


条 


区 状 ， 调 整形 状 的 位 置 ， 如 图 9-72 所 示 。 
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图 9-75 
选择 填充 的 点 的 所 有 图 形 ， 在 “透明 度 ”面板 
中 选择 混合 模式 为 “ 柔 光 ”， 如 图 9-76 所 示 。 


手 疯 音 四 80 趟 ” 山 6 妾 


图 9-78 
透明 度 本 
E3 ~ 不通 明度: 1004 。 》 
|] 制作 蒙 匠 
图 9-76 
(03 “ 矩 形 工具 ” 国 ,， 在 正面 的 画板 中 绘制 算 
形 ， 使 用 “直接 选择 工具 ” 必 ,设置 矩形 上 方 的 
圆 角 ， 如 图 9-77 所 示 。 好 
图 9-79 


使 用 “直接 选择 工具 ”从 ,， 设 置 耳朵 的 圆 角 ， 
复制 形状 ， 设置 耳 灯 形状 的 填充 为 粉色 ， 如 
图 9-80 所 示 。 


图 9-77 
Sm “ 填 色 ”为 #ffe4c0， 如 图 9-78 所 示 。 


图 9-80 
O72 耳 打 图 形 ， 如 图 9-81 所 示 。 


使 用 “钢笔 工具 ”分 ,， 在 舞台 中 创建 图 形 作为 
耳 末 ， 如 图 9-79 所 示 。 
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使 用 “文字 工具 ”T.,， 在 舞台 中 创建 文字 ， 如 
图 9-84 所 示 。 

在 菜单 栏 中 选择 “对 象 > 扩 展 ”命令 ， 在 弹出 的 
“扩展 ”对 话 框 中 使 用 默认 的 参数 ， 单 击 “ 确 


定 ”按钮 ， 如 图 9-85 所 示 。 


图 9-81 | 
人 @@ 合 “椭圆 工具 ”@, 绘 制 眼睛 ， 并 使 用 “钢笔 
工具 ”分 .， 绘 制 形状 ， 设置“ 填 色 ” 为 无 , 设 | 
置 合适 的 “ 描 边 ”， 如 图 9-82 所 示 ， 调 整合 适 | 
的 整体 效果 。 


四 局 计 灶 上 放 到 JO1eQSnlll 荣 汉 千 


图 9-84 图 9-85 


扩展 文字 后 ， 使 用 “整形 工具 "只 ， 调 整 文字 
训 的 形状 ， 如 图 9-86 所 示 。 
析 


图 9-82 | 

使用“ 李 加 工具 ”在 舞台 中 创建 椭圆， 作 、 
为 肚皮 ,设置 “ 描 边 ”为 白色 ,设置 合适 的 | 
粗细 ， 设 置 “ 填 色 ”为 偏 粉 的 肤色 ， 如 图 9-83 | 
所 示 。 


图 9-86 
调整 后 的 文字 效果 ， 可 以 为 文字 设置 描 边 ， 设 
置 合适 的 填 色 ， 如 图 9-87 所 示 。 


图 9-87 


图 9-83 


| orange 
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在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “001. 
png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 9-88 所 示 。 


全 选择 创建 的 文字 ， 在 工具 属性 栏 中 单 击 “编辑 
封套 ”按钮 贸 ， 在 弹出 的 “变形 选项 ”对 话 框 
中 设置 “样式 ”为 “ 凸 出 ”, 设置 “弯曲 ”为 
17%， 单 击 “ 确 定 ” 按 钮 ， 如 图 9-91 所 示 。 


Err 


© 水 TD 吕 委 直 们 


图 9-88 
置 入 素材 后 ， 调 整 素材 的 位 置 、 大 小 和 角度 ， 
作为 文字 的 装饰 ， 如 图 9-89 所 示 。 


手 疯 磋 四 30 趟 ” 山 6 妾 


人 他 设置 出 变形 请 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 
影 ”命令 ， 在 弹出 的 “投影 ”对 话 框 中 设置 
投影 的 参数 ， 如 图 9-92 所 示 。 


图 9-92 


图 9-89 
使 用 “文字 工具 ”了 T,， 在 舞台 中 如 图 9-90 所 示 
的 位 置 创建 文字 。 


图 9-93 
使 用 “文字 工具 ”了 .,， 在 舞台 中 如 图 9-94 所 示 


的 位 置 创建 文字 。 


图 9-90 
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具 ” 国 , 和 “直接 选择 工具 ”上 ,调整 矩形 的 圆 
角 ， 或 直接 使 用 “ 贺 角 拢 形 工具 ”， 制 作出 底 
部 的 注释 内 容 ， 如 图 9-98 所 示 。 


oR 全 


A 


图 9-94 
人 在 菜单 栏 中 选择 “效果 > 风格 化 > 投影 ”命令 ， 


在 弹出 的 “投影 ”对 话 框 中 设置 投影 的 参数 ， 

如 图 9-95 所 示 。 i 
对 丰台 明度 : mx >》 
包 

Fa Fry| 制作 得 版 
8 | 

业 

例 

项 

目 

公 

计 

全 

解 

析 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 | 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 栖 ， 
子 02.png" 文件 ， 单 击 “ 置 入 "按钮 ， 如 图 9-96 ， 
所 示 。 | 


计时 外 用 产 芝 让 
安全 卫生 的 生产 


图 9-98 
使 用 “文字 工具 ”T.,， 输 入 果汁 的 毫升 ， 在 
舞台 中 调整 各 个 图 形 的 位 置 和 效果 ， 如 图 9-99 
所 示 。 


人 十 入 素材 后 ， 调 整 素 材 图 像 的 位 置 ， 在 “透明 | 
度 ”面板 中 设置 图 像 的 混合 模式 为 “ 强 光 ”， 
如 图 9-97 所 示 。 | 

人 使 用 "文字 工具 ”T.,， 结 合 使 用 “矩形 工 | 
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在 舞台 中 复制 并 调整 素材 ， 得 到 包装 的 整体 效 | 
果 ， 如 图 9-100 所 示 。 


图 9-100 
制作 包装 的 立体 展示 
包装 制作 完成 后 ， 下 面 来 制作 包装 的 展示 效果 。 
将 图 形 每 个 面 分 别 编组 ， 在 舞台 中 复制 编组 ， 
复制 出 图 形 ， 如 图 9-101 所 示 。 


图 9-101 
和 02 起 “自由 变换 工具 ” 哑 ， 弹 出 隐藏 工具 的 浮 
动 窗 ， 从 中 使 用 “自由 扭曲 ”只 ， 调 整 侧面 包 
装 的 变形 ， 如 图 9-102 所 示 。 


I QDI Yr 
SNNS Dy 


沿 E RT 
a LEaessz 可 


| Oy 直到 满意 为 止 ， 继 续 调整 顶部 图 形 
的 变形 ， 如 图 9-103 所 示 。 


使 用 


复制 图 形 ， 


图 9-103 


“钢笔 了 


©O-@ 


图 9-104 


填充 圆 点 ， 设 置 图 形 


如 图 9-105 所 示 。 


(继续 创建 如 图 9-106 所 示 的 效果 。 


图 9-105 


图 9-106 


[ 具 ” 依 绘制 形状 ， 设 置 “ 填 色 ” 
为 较 暗 的 橘 色 ， 如 图 9-104 所 示 。 


的 混合 模式 ， 
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竺 次 炎 熙 缉 儒 ”如 6 梁 


人 @ 合 “钢笔 工具 ”分 .创建 图 形 ， 设 置 图 形 的 
填充 为 渐变 ， 在 “渐变 ”面板 中 设置 “类 型 ” 
为 “线性 ”， 设 置 角度 为 90? ， 设 置 渐变 为 
色 ，“ 不 透明 度 ” 为 50% 到 透明 的 渐变 ， 如 
图 9-107 所 示 的 高 光 效 果 。 


如 图 9-110 所 示 。 


图 9-107 
人 @@ 合 “钢笔 工具 ”分 ,创建 侧面 的 形状 设置 合 
适 的 渐变 填充 ， 作 为 高 光 和 阴影 的 效果 ， 如 
图 9-108 所 示 。 


图 9-110 
人 设计 的 模糊 效果 如 图 9-111 所 示 ， 制 作出 影 
的 效果 。 


类 歧 副 JO1eQSnlll 芝 半 千 


避 言 


竹 测 
© 
w 
© 

ES 


洗 坑 忆 导 泣 疝 四 


图 9-108 
使 用 “钢笔 工具 ”分 .在 舞台 中 创建 形状 ， 设 置 
形状 的 渐变 填充 ， 作 为 投影 ， 如 图 9-109 所 示 。 


图 9-111 
@EL, 本 案例 制作 完成 。 


ESE3 


9 4 商业 案例 一 糖果 包装 盒 设计 ) 
Pp” 


图 9-109 


人 @ 调整 阴影 的 排列 到 合适 的 位 置 ， 在 菜单 栏 中 选 
择 “ 效 果 > 模 糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 
“高 斯 模糊 ”对 话 框 中 设置 合适 的 模糊 参数 ， 
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花 的 图 形 ， 如 图 9-113 所 示 ， 在 此 基础 上 创建 留 白 ， 
使 用 留 白 区 域 添加 标题 ， 这 样 可 以 从 复杂 的 图 案 
寻找 留 白 ， 以 求 标志 的 突出 和 醒目 。 


TH 


国 ”案例 类 型 
本 案例 设计 一 款 清新 的 糖果 包装 盒 。 
图 ”设计 背景 
糖果 其 实 也 是 属于 糕点 的 一 种 ， 是 节日 期 间 相 
互 赠 予 的 一 种 礼物 ， 本 案例 要 求 设计 一 款 清新 的 、 
带 有 花 林 的 外 包装 ， 如 图 9-112 所 示 为 客户 提供 的 参 
考 包 装 案例 。 


季节 亲 熙 80 导 ” 吉 6 梁 


图 9-113 


| 9.4.2 ”构图 方式 


本 案例 采用 椭圆 形 构图 方式 ， 将 整体 的 素材 放 
置 到 周围 ， 并 在 花团锦簇 下 创建 椭圆 ， 椭 圆 作为 留 
白 ， 在 空白 的 地 方 创建 标题 ， 这 种 效果 构图 可 以 将 
标题 放置 到 中 心 的 椭圆 留 白 中 ， 如 图 9-114 所 示 。 


图 9-112 


图 ”设计 定位 
根据 客户 的 要 求 ， 需 要 将 包装 设计 为 带 有 插画 
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勒 撤 到 JeQSnlll 芝 省 千 


宣 


贰 规 胁 自生 交加 污 


| 9.4:3” 同 类 作品 欣赏 


| 9.4:4“ 项 目 实战 


图 ”制作 流程 

本 案例 首先 创建 并 调整 画板 ， 建 立 剪 切 蒙 版 ; 
然后 创建 文字 注释 : 最 后 创建 矩形 背景 和 遮 音 拢 
形 ， 如 图 9-115 所 示 。 
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图 9-115 ( 续 ) 
加 ”技术 要 点 
使 用 “画板 工具 ”创建 并 调整 画板 ; 
使 用 “ 置 入 ”命令 添加 素材 ， 
使 用 “选择 工具 ”复制 图 像 ; 
使 用 “建立 前 切 蒙 版 ”建立 前 切 遮 哩 效 果 ; 
使 用 “椭圆 工具 ”创建 椭圆 留 白 ; 
使 用 “文字 工具 ”创建 文字 注释 ; 
使 用 “直线 段 工 具 ” 创 建 直 线 ; 
使 用 “矩形 工具 ”创建 矩形 。 
国 ”操作 步骤 
运行 Ilustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 100mm、 
“高 度 ” 为 100mm， 单 击 “ 创 建 ” 按 钮 ， 创 建 
文档 ， 如 图 9-116 所 示 。 


ee EE | 
Rap Ear | Sas vo Hm RW 
Ee ER 未 标题 2 
X X [x 
下 济 于 
ee nN 
X X 
ma “= 
Ed @) 
图 9-116 


人 在 工具 箱 中 选择 “画板 工具 ” 划 ， 在 “属性 ” 
面板 中 单 击 旱 按钮， 新 建 画 板 2， 设 置 画 板 2 的 
“ 宽 ” 为 50mm、“ 高 ”为 100mm， 如 图 9-117 
所 示 。 


图 9-117 

人 @@ 全 “画板 工具 ” 芋 并 按 住 Shift 键 ， 选 择 画板 
1 和 画板 2， 按 Alt 键 移动 复制 花 凑 ， 如 图 9-118 
所 示 。 


图 9-118 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “001 
(7) .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 9-119 所 示 。 


aN [| 
2 CEE SEL- 


加 模 权 E) 
ORO 
星 示 导入 还 大 DD 


文人 名 (Nk 001 .png 


图 9-119 
置 入 素材 后 ， 使 用 “选择 工具 ”， 按 Alt 键 移动 
复制 图 像 ， 调 整 图 像 的 位 置 和 角度 ， 组 合 出 如 
图 9-120 所 示 效 果 。 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 


“001 ( 1 ) png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 9-121 所 示 。 
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个 个 ED 
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图 9-121 
人 @ 置 和 素材 后， 使 用 “选择 工具 ”， 按 Alt 键 移动 
复制 图 像 ， 如 图 9-122 所 示 。 


图 9-122 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
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季节 亲 驹 80 儒 ” 吉 6 溉 


类 技 副 JO1eQSnlll 芝 半 千 


宣 


贰 规 胁 四 和 半 区 四 污 


的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 
“001 (2 ) .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 
如 图 9-123 所 示 。 


O01 .png 


[Ee 
日 要 ES) 
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79ND 


文件 (Nk: 001 Dpng 


图 9-123 
置 入 素材 后 ， 使 用 “选择 工具 ”， 按 Alt 键 移动 
复制 图 像 ， 如 图 9-124 所 示 。 


图 9-124 


辆 导入 素材 的 顺序 提示 和 技巧 


通过 上 面 几 个 步骤 可 以 看 到 导入 素材 的 步骤 ， 
首先 是 添加 了 作为 底层 的 枝 和 叶 ， 在 枝叶 上 添加 一 
些小 的 辅助 的 花 条 ， 最 后 再 放 入 主要 花 条 部 分 ,这 
样 省 下 了 许多 的 调整 排列 顺序 的 步骤 ， 所 以 在 制作 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “001 
(6) .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 9-125 所 示 。 
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图 9-125 
复制 导入 的 花 素 材 ， 组 成 粉色 花 系列 区 域 ， 如 
图 9-126 所 示 。 


图 9-126 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 
"001 ( 9 ) png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 9-127 所 示 。 


人 在 舞台 中 将 置 入 的 素材 进行 复制 ， 如 图 9-128 


所 示 。 


图 9-129 

人 OO 使 用 “ 矩 形 工具 ” 国 ,， 在 舞台 中 单 击 ， 在 弹出 
的 “和 矩形 ”对 话 框 中 设置 “宽度 ”为 100mm、 
“高 度 ” 为 100mm， 在 舞台 中 创建 与 画板 相同 

大 小 的 矩形 ， 如 图 9-130 所 示 。 


宣 度 (W): 100 mn 


高 度 (0:[100 】 ] 


图 9-130 


将 矩形 放置 到 画板 1 上 ， 调 整合 适 的 位 置 ， 如 
图 9-131 所 示 ， 该 矩 形 作为 蒙 版 答 形 。 

全 在 舞台 中 选择 矩形 和 添加 的 图 像 ， 如 图 9-132 
所 示 。 


图 9-132 


© “属性 ”面板 中 单 击 “ 建 立 剪 切 蒙 版 ” 按 


钮 ， 通 过 甜 形 剪 切 图 像 ， 创 建 出 剪 切 
如 图 9-133 所 示 。 


图 9-133 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 


的 效果 ， 


在 弹出 的 
Ph 的 “001 
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玫 疯 音 四 缉 并 ” 山 6 兆 


使 用 “文字 工具 ”T.， 创 建文 字 ， 使 用 “直线 
段 工具 ”人 .创建 直线 ， 如 图 9-137 所 示 。 


(35 ) .png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 9-134 所 示 。 


图 9-134 | 图 9- 137 
命 s 信 像 到 舞台 中 ， 在 图 像 的 底部 创建 白色 的 人 使 用 “文字 工 具 ”T.， 创 建文 字 ， 如 图 9-138 
椭圆 ， 如 图 9-135 所 示 。 


类 撤 副 JO1eQSnlll 芝 半 千 
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| 图 9-138 
6》 在 菜单 栏 中 选择 “文件 > 置信 "命令 ， 在 弹出 的 
ls | “ 置 入 " 对话 框 中 选择 随 书 配备 资源 中 的 “001 
全 将 图 形 和 白色 椭 加 放置 到 画板 中 ， 如 图 9-136 | (4 ) png” 文件 ， 单 击 “ 置 入 "按钮 ， 如 图 9-139 


所 示 。 | 所 示 。 
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人 0 在 舞台 中 置 入 素材 ， 并 调整 素材 到 文字 的 位 | 《人 调整 矩形 的 位 置 ， 如 图 9-143 所 示 ， 作 为 剪 切 并 
置 ， 作 为 留 白 的 装饰 ， 丰 满 一 下 留 白 区 域 ， 如 章 的 矩形 ， 选 择 图 像 和 甜 形 。 
图 9-140 所 示 ， 虽 是 留 白 但 是 也 不 要 留 有 太 多 空间 。 


乎 落 灵 四 80 儒 ” 需 6 泊 


图 9-143 
| 在 “属性 ”面板 中 单 击 “ 建 立 剪 切 蒙 版 ” 按 
钮 ， 通 过 矩 形 剪 切 图 像 ， 创 建 出 剪 切 的 效果 ， 


置 入 素材 ， 或 是 将 正面 图 像 没有 被 剪 切 遮 罩 前 
的 图 像 进行 复制 ， 复 制 到 舞台 的 另 一 面 ， 如 
图 9-141 所 示 。 


| 
| 
图 9-144 | 
全 复制 效果 得 到 最 终 的 平面 效果 ， 如 图 9-145 | 
| 
| 
| 


所 示 。 


图 9-141 
人 @@ 合 "矩形 工具 ” 转 ,， 在 舞台 中 单 击 ， 在 弹出 

的 “矩形 ”对 话 框 中 设置 “宽度 ”为 30mm、 
“高 度 ”为 100mm， 在 舞台 中 创建 与 画板 2 相同 
大 小 的 矩形 ， 如 图 9-142 所 示 。 


图 9-145 

人 这 里 将 展示 放置 到 Photoshop 中 进行 ， 因 为 对 于 
平面 来 说 ，Photoshop 对 调整 图 像 和 图 形 的 变形 
更 加 成 熟 一 些 ， 这 里 就 不 详细 介绍 了 。 

人 @EL, 本 案例 制作 完成 。 


宣 度 (D:[59[ 


高 度 (外: 100 mm 
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9 5 优秀 作品 欣赏 


县 以 紧 lllustrator 翅 判 账 军民 史 红 本 候 仲 只 
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随 着 以 计算 机 技术 为 支撑 的 互联 网 络 的 迅速 发 展 和 普及 ， 网 页 设计 也 


网 页 设计 概述 


网 页 设计 师 是 一 个 网 站 的 “美容 师 ” 


， 根 据 客 


户 的 需求 来 确定 网 站 的 整体 风格 和 色彩 搭配 ， 完 成 


整体 网 站 的 设计 。 


10.1.1 ”什么 是 网 页 


可 
出 


页 也 是 人 们 生活 中 不 可 缺 的 一 种 获取 信息 


站 应 用 的 平台 。 通 俗 地 说 ， 网 站 就 是 由 


页 是 构成 网 站 的 基本 元 素 ， 是 承载 各 种 多 


在 设计 网 页 之 前 需要 知道 什么 是 网 页 ， 网 页 不 
-网 站 ， 随 着 科技 和 信息 化 时 代 的 来 临 ， 浏 览 民 


网 页 组 成 


的 。 本 章 涉及 的 主要 是 网 页 形式 上 的 设计 ， 也 常 


被 称 为 网 页 美工 设计 ， 网 站 美工 也 叫 作 
师 ， 如 图 10-1 所 示 。 


网 页 制作 


逐步 脱离 了 传统 广告 设计 的 范畴 ， 形 成 特殊 而 独立 的 体系 。 


本 章 主要 从 网 页 设计 的 含义 、 网 页 的 组 成 、 网 页 的 基本 构成 要 素 、 网 
页 的 常见 布局 、 网 页 设计 安全 等 方面 来 学 习 网 页 设计 。 


10.1.2 


ne 0 
1 :1 


网 页 的 组 成 


页 的 基本 组 成 部 分 包括 网 页 标题 、 网 站 标 


页 页 
脚 等 。 


洒 名 


眉 、 网 页 导航 、 网 页 的 主体 部 分 、 网 页 


(1) 网 页 标题 : 网 页 标题 即 是 网 站 的 名 称 


也 就 是 对 网 
等 ， 以 帮助 


页 内 容 的 高 度 概括 。 一 般 使 用 品牌 名 称 
搜索 者 快速 辨认 网 站 。 网 页 标题 要 尽量 


简单 明了 。 


长 度 一 般 不 能 超过 32 个 汉字 。 


四 导言 类 尾 吉 JO1e3Snll 荣 汉 千 


(2) 网 站 的 标志 : 网 站 的 标志 即 网 站 的 
Logo、 商 标 ， 是 互联 网 上 各 个 网 站 用 来 链接 其 他 网 
站 的 图 形 标 志 。 网 站 的 标志 便于 受众 选择 ， 也 是 网 
站 形象 的 重要 体现 。 

(3) 网 页 页 眉 : 网 页 页 眉 位 于 页 面 顶部 ， 常 
来 展示 网 页 标志 或 网 站 标题 。 

(4) 网 页 导航 : 网 页 导航 是 为 用 户 浏览 网 页 
提供 提示 的 系统 ， 用 户 可 以 通过 单 击 导航 栏 中 的 按 
钮 ， 快 速 访问 某 一 个 网 页 项 目 。 

(5) 网 页 的 主体 部 分 : 网 页 的 主体 部 分 即 网 
页 的 主要 内 容 ， 包 括 图 形 、 文 字 、 内 容 提要 等 。 

(6) 网 页 页 脚 ， 网 页 页 脚 位 于 页 面 底部 ， 通 
常 包括 联系 方式 、 友 情 链接 、 备 案 信息 等 。 


|10.1.3” 网 页 的 构成 要 素 


网 页 的 构成 要 素 主要 有 文本 、 图 像 、 图 标 、 表 
格 、 超 链接 等 ， 如 图 10-2 所 示 。 
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(1) 文本 : 文本 即 页 面 中 的 文字 信息 。 版 面 
的 文字 要 考虑 网 站 使 用 者 的 电脑 配置 及 字体 软件 的 
安装 。 文 字 的 大 小 要 合理 ， 尽 量 使 用 系统 自 带 的 全 
体 ， 避 免 网 站 使 用 者 因 字体 不 同 而 导致 的 内 容 缺 外 
现象 。 


(2) 图 像 : 图 像 即 页 面 中 的 图 片 、 图 形 等 ， 
用 来 装饰 页 面 和 传播 信息 ， 图 像 的 选择 应 体现 网 
页 的 特色 。 网 页 中 常用 的 图 像 格式 主要 有 JPEG、 
GIF、PNG、BMP 等 。 

(3) 图 标 : 图 标 即 网 页 中 的 图 形 化 标志 按 
钮 ， 用 来 实现 视觉 引导 和 功能 划分 。 网 页 图 标的 设 
计 和 整个 网 页 的 风格 应 该 是 统一 的 。 

(4) 表格 : 表格 用 来 控制 网 页 元 素 在 网 页 中 的 
位 置 、 组 织 和 显示 数据 ， 形 成 精致 完美 的 页 面 效果 。 

(5) 超 链 接 : 超 链 接 是 一 种 允许 同 其 他 网 页 
或 站 点 相连 接 的 元 素 。 可 以 通过 单 击 超 链接 直达 另 
一 个 网 页 或 同 网 页 上 的 不 同位 置 。 超 链接 的 内 容 可 
以 是 一 个 图 片 、 电 子 邮件 或 文件 等 。 

(6) 其 他 元 素 : 传统 的 网 页 设计 包含 的 多 是 
静态 元 素 ， 随 着 技术 的 发 展 ， 出 现 了 许多 动态 的 元 
素 ， 如 GIF 动画 、Flash 动画 、 音 乐 、 视 频 等 ， 使 得 
整个 网 页 更 加 生动 活泼 。 


| 10.1.4 “网 页 设计 的 要 素 


想 要 设计 出 一 个 成 功 的 作品 ， 需 要 注意 以 下 几 
项 重要 的 因素 。 

(1) 整体 布局 。 网 站 的 整体 布局 需要 给 人 以 
干净 整洁 、 条 理 清楚 、 专 业 水 准 、 引 人 入 胜 的 感 
觉 ， 网 页 应 该 力求 抓 住 浏览 者 的 注意 力 ， 过 多 的 色 
彩 和 复杂 的 功能 以 及 太 多 的 图 像 都 会 使 浏览 者 无 从 
下 手 ， 这 些 都 是 浏览 者 离开 的 因素 ， 所 以 在 设计 过 
程 中 需要 避免 这 些 复杂 的 板块 和 因素 。 

(2) 信息 。 人 们 搜索 网 站 的 目的 就 是 求知 
只 要 有 提供 浏览 者 需要 的 信息 才 可 以 得 到 目的 ， 信 
息 的 放置 需要 简洁 、 明 了 ， 不 要 放 一 些 不 相干 的 烦 
琐 的 一 些 信息 。 

(3) 速度 。 网 页 的 下 载 时 间 是 越 快 越 好 ， 
如 果 是 20 一 30s 都 打 不 开 的 网 页 是 没有 人 愿意 浏 
览 的 。 

(4) 图 形 和 版 面 设 计 。 其 实 图 形 和 版 面 设计 
关系 到 人 们 对 网 页 的 第 一 印象 ， 如 果 您 是 商业 站 


全 园 


点 ， 不 需要 放置 过 于 显眼 和 鲜艳 的 动画 在 首页 ， 如 
果 是 游戏 站 点 ， 动 画 就 必 不 可 少 了 


(2) 拐角 型 : 拐角 型 网 页 即 最 上 面 是 标题 及 


| 广告 横幅 ， 接 下 来 的 左 侧 是 导航 链接 等 内 容 ， 最 下 


(5) 颜色 。 颜 色 是 影响 网 页 的 重要 因素 
同 的 颜色 对 人 的 感觉 是 不 同 的 ， 如 红色 使 人 兴奋 、 
黄色 使 人 恰 忆 色 使 人 放松 等 。 

(6) 文字 的 可 读 性 。 文 字 在 网 页 中 的 位 
常 重要 ， 周 围 要 留 有 足够 的 空间 ， 不 要 让 人 
挤 不 堪 ， 文 字 的 可 读 性 和 易 懂 性 也 非常 重要 ， 不 
人 考虑 文字 的 含义 ， 要 直 白 的 表达 ; 再 就 是 文字 的 颜 
色 ， 文 字 的 颜色 不 要 花 里 胡 哨 的 ， 使 人 眼花 练 乱 。 

(7) 标题 的 可 读 性 。 也 就 是 说 跟 文字 一 样 ， 
都 需要 易于 阅读 和 易 懂 。 

(8) 导航 。 由 于 人 们 阅读 习惯 是 由 左 到 右 ， 
所 以 主要 的 导航 条 应 放置 在 页 面 左边 ， 对 于 较 长 的 页 面 
来 说 ， 在 底部 设置 一 个 简单 的 导航 也 是 很 有 必要 的 。 


有 区 


|10.1.5 “网 页 的 常用 布局 


网 页 布局 在 网 页 设计 中 占有 重要 地 位 。 
繁复 杂乱 的 布局 会 造成 视觉 的 混乱 ， 
的 网 页 不 仅 可 以 带 来 一 种 视觉 享受 ， 也 能 
层面 的 舒适 感 。 网 页 的 常见 布局 有 “ 国 ” 字 形 、 
拐角 型 、 标 题 正文 型 、 封 面 型 、“T” 结 构 布 局 、 


“ 口 ”型 布局 、 对 称 对 比 布 局 、POP 布局 等 类 型 。 
下 面 来 逐一 进行 了 解 。 
(1) “ 国 ” 字 形 : “ 国 ” 字 形 网 页 即 最 上 面 


是 网 站 的 标题 以 及 横幅 广告 条 ， 接 下 来 是 网 站 的 主 
要 内 容 ， 左 右 分 列 一 些 条 目 内 容 ， 中 间 是 主要 部 


分 ， 与 左右 一 起 罗列 到 底 ， 最 下 面 是 网 站 的 基本 信 ， 
息 、 联 系 方式 、 版 权 声明 等 ， 如 图 10-3 所 示 。 


过 于 
和 舌 | 

| 题 等 内 容 ， 

” ， 面 、 用 户 注册 页 面 等 ， 如 图 10-5 所 示 。 


面 是 网 站 的 辅助 信息 ， 如 图 10-4 所 示 。 


图 10-4 
标题 正文 型 即 最 上 面 是 标 


| (3) 标题 正文 型 : 


下 面 是 正文 ， 例 如 常见 的 文章 正文 页 


图 10-5 

(4) 封面 型 : 封面 型 网 页 常见 于 网 站 首页 

， 即 利用 一 些 精美 的 平面 设计 ， 结合 一 些小 的 动画 和 
几 个 简单 的 链接 等 组 成 的 页 面 。 这 种 类 型 多 用 于 企 


十 
站 
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闻 沪 半 司 “出 0 小 


aa 


加 导言 类 插 到 JeQSnlll 荣 半 嬉 


el 


业 网 站 和 个 人 主页 ， 如 医 


10-6 所 示 。 


WE LOVE OUR WORK 


ee .© .@. .@ 


图 10-6 
(5) “T” 结 构 布局 : 


“T” 结 构 布 局 即 页 面 
最 上 方 为 横 条 网 站 标志 和 广告 条 ， 左 下 方 为 主 菜 
单 ， 右 侧 显 示 内 容 。“T” 结 构 可 随 实际 情况 而 稍 
加 改变 ， 如 左右 两 栏 式 布局 ， 一 半 为 正文 ， 另 一 半 
是 图 片 或 导航 等 ， 如 图 10-7 所 示 。 


图 10-7 


(6) “ 口 ” 型 布局 : “ 口 ” 型 布局 即 页 面 上 
下 各 有 一 个 广告 条 ， 左 边 是 主 菜单 ， 右 边 是 友情 链 
接 等 ， 中 间 是 主要 内 容 。 若 处 理 得 当 ， 整 个 页 面 呈 
现 饱满 充实 之 感 ， 若 处 理 不 当 ， 则 会 出 现 页 面 拥 
挤 、 死 板 的 情况 ， 如 图 10-8 所 示 。 


图 10-8 
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(7) 对 称 对 比 布局 : 对 称 对 比 布局 即 上 下 对 
称 或 左右 对 称 ， 一 半 深 色 一 半 浅 色 ， 或 选择 两 种 互补 
色 ， 展 现 一 种 冲突 感 强烈 的 视觉 效果 ， 如 图 10-9 所 示 。 


图 10-9 
(8) POP 布局 : POP 布局 即 以 一 张 精 美 的 图 

片 作为 页 面 的 设计 中 心 ， 整 个 布局 像 一 张 宣传 海报 。 

视觉 效果 强烈 ， 较 为 生动 、 吸 引 人 ， 如 图 10-10 所 示 。 


图 10-10 


10.2 商业 案例 一 一 素材 网 站 ) 
设计 


没有 使 用 太 多 颜色 的 原因 是 素材 图 像 本 身 就 有 很 多 
色彩 ， 所 以 这 里 使 用 简约 朴实 的 色彩 。 


10.2.1“ 设计 思路 


本 案例 是 设计 一 个 图 像 的 素材 网 : 下 面 制作 了 三 款 配 色 方 案 ， 深 雳 纪 
项目。 绿 和 灰色 。 这 三 种 搭配 整体 会 庄重 
些 ， 如 图 10-13 所 示 。 


a 


Y 


该 网 站 主要 是 以 提供 摄影 图 像 为 主 ， 包 括 了 人 
像 、 动 物 、 植 物 、 卡 通 、 平 面 等 的 一 些 平面 素材 ， 
比较 适合 各 种 平面 设计 使 用 的 一 种 网 站 ， 该 网 站 应 
着 重 表现 出 站 内 的 一 些 平面 素材 ， 如 图 10-11 所 示 。 


根据 网 站 的 诉求 ， 网 站 页 面 在 设计 之 初 整体 风 
格 要 丰富 和 饱满 ， 使 最 大 限度 地 表现 出 站 内 的 精彩 
图 像 ， 整 个 页 面 采 用 了 华丽 的 黑色 ， 尽 显 整体 的 时 
尚 感 ， 如 图 10-12 所 示 。 


10.2.2 ”配色 方案 


平面 素材 会 给 和 特别 花哨 的 感觉 ， 所 以 这 里 采 
用 没有 装饰 的 肃 静 的 版 面 。 


于 平面 素材 网 站 中 的 图 像 都 有 各 自 的 效果 ， 
各 种 图 像 在 一 起 会 给 人 以 复杂 、 饱 满 的 感觉 ， 所 以 
在 本 案例 中 将 主要 使 用 黑色 低调 的 颜色 ， 显 示 出 该 
网 站 的 一 种 质感 和 品位 。 


在 该 网 页 中 辅助 色 使 用 白色 ， 点 缀 色 为 绿色 ， 


卫 泡 访 烦 上 乓 工 10}e44SnNlIl| 笨 准 丑 


设 
计 
完 
全 


10.2.3 版面 设计 


整个 页 面 主要 分 为 三 大 块 。 网 页 上 部 分 为 标题 、 
导航 和 通告 栏 广告 ， 中 间 部 分 为 平面 素材 ， 下 面部 分 
为 网 页 底 栏 ， 整 体 页 面 层次 分 明 ， 有 一 定 的 秩序 感 。 

除 此 之 外 ， 整 个 页 面 以 丰满 型 的 “ 国 ” 字 形 排 
列 ， 这 种 版 面 的 排列 整个 网 页 都 会 比较 饱满 ， 呈 现 
的 信息 和 内 容 也 比较 多 。 
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10.2.5” 项 目 实战 


本 案例 首先 创建 矩形 功能 区 域 ， 然 后 创建 文 
字 注 释 ， 设 置 投影 效果 ; 最 后 裁剪 图 像 区 域 ， 如 


图 10-14 所 示 。 


使 用 “ 置 入 ”命令 置 入 素材 到 舞台 中 ; 


使 用 “和 矩形 工具 ”创建 矩形 功能 区 域 ; 


尾 性 
使 用 “文字 工具 ”创建 文字 注释 ; a 
使 用 “投影 ”设置 投影 效果 ; pe 


运行 Ilustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 | Fl6 |~ 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 1080mm、 a 


“高 度 " 为 1050mm， 单 击 “ 创 建 ” 按钮， 创建 | 
文档 ， 如 图 10-15 所 示 。 | 


OM By | Wa wh 有 TD HO 0 


! 
| 
| 
| 
| 
| 

使 用 “图 像 裁剪 ”裁剪 图 像 区 域 。 | x 540.352 | 室 : 1030 mm 

国 ”操作 步骤 | 品 239.699 | 击 : 350 mm & 
| 
1 
| 
】 
| 
1 
| 
| 
| 
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图 10-17 
国 10-15 应 用 裁剪 后 ， 调 整 素 材 在 舞台 中 的 位 置 ， 如 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 图 10-18 所 示 。 


“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 建 
筑 jpg”， 如 图 10-16 所 示 。 


四 本 一 | 
Pp 
Be 
图 10-18 
使 用 “矩形 工具 ” 园 ,， 在 舞 合 中 单 击 ， 在 弹出 
“高 度 ” 为 350， 如 图 10-19 所 示 。 
团 匀 接 () 
Ld 
中 
文件 各 [IN): 建筑 jpg - [tt 四 
ED © DO wm ) 
图 10-16 | 图 10-19 
人 @ 旦 和亲 村 所 在 “属性 ”面板 中 单 击 “ 裁 剪 图 | 


创建 矩形 后 ， 在 “属性 ”面板 中 调整 位 置 ， 并 


像 ”按钮 ， 在 舞台 中 调整 裁剪 的 区 域 ， 在 “ 属 | 和 有 
性 ， 面 板 中 设置 “ 宽 ， 为 losomm、 高， | 设置 “ 填 色 ”为 黑色 ， 设 置 “ 描 边 ” 为 无 ， 设 


。 | 置 “ 不 透明 度 ”为 10%， 如 图 10-20 所 示 。 
7 为 舞台 中 的 图 像 设 置 出 一 个 黑色 的 矩形 ， 使 
| ”其 不 要 太 过 清晰 ， 因 为 需要 在 图 像 上 添加 一 
些 文字 注释 ， 所 以 需要 瞳 一 些 ， 如 图 10-21 
所 示 。 


| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 的 “和 矩形” 对话 框 中 设置 “宽度 ”为 1080mm、 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
1 
| 
| 
1 
1 
| 
| 
| 
| 
| 
| 
| 
| 
| 


235 


Ee | 使 用 “文字 工具 ”TT,， 在 舞台 图 像 中 创建 标 
2 题 ， 如 图 10-23 所 示 。 


, 

as") 

ese va 可 以 看 到 标题 文字 不 够 明显 ， 可 以 为 其 设置 一 
ge 些 投 影 效果 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 


投影 ”命令 ， 在 弹出 的 “投影 ”对 话 框 中 设置 
合适 的 投影 人 参数， 如 图 10-24 所 示 。 


卫 泡 访 关 上 乓 工 10}e44SnNlIl| 笨 准 丑 


设 
计 
完 
全 


使 用 “文字 工具 ”T,， 在 舞台 中 创建 网 站 的 页 


此 时 可 以 看 到 文字 明显 了 许多 ， 使 用 “和 珑 形 工 
具 ” 国 ,， 在 舞台 中 如 图 10-25 所 示 的 位 置 创 建 
和 矩形 ， 设 置 为 搜索 区 域 ， 设 置 矩 形 的 “ 填 色 "” 
为 和 白色， 设置 “ 描 边 ”为 黑色 ， 粗 细 为 1pt， 设 
置 矩 形 的 “不 透明 度 ” 为 530%。 


Flat website 


继续 创建 和 矩 形 ， 设 置 矩 形 的 填充 为 蓝 色 ， 在 矩形 上 创建 文字 ; 使 用 “椭圆 工具 ”全 ,， 在 舞台 中 如 
图 10-26 所 示 的 位 置 创 建 椭 圆 ， 选 择 其 中 一 个 圆 ， 设 置 其 颜色 为 青色 。 


在 图 像 下 创建 矩形 ， 设 置 矩 形 填充 为 黑色 ， 添 
加 文字 作为 网 页 的 导航 ， 如 图 10-27 所 示 。 


Flat website 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 素 


材 1.png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 10-28 
所 示 。 


国王 人 


调整 出 裁剪 区 域 后 ， 调 整 素材 的 位 置 ， 并 在 素 
材 的 位 置 创建 矩 形 ， 设 置 和 矩形 的 “ 填 色 ”为 
无 ，“ 描 边 ”为 黑色 ， 作 为 素材 区 域 的 边框 ， 
并 使 用 圆 角 和 矩形 作为 滚动 条 ， 如 图 10-31 所 示 。 


置 入 素材 ， 调 整 素材 的 位 置 和 大 小 ， 使 用 “ 置 
入 ”命令 ， 置 入 “素材 2.png” 文 件 ， 如 图 10-29 
所 示 。 使 用 矩形 创建 页 脚 的 底部 颜色 ， 设 置 矩 形 合适 的 
大 小 和 位 置 ， 设 置 填 色 为 黑色 ， 使 用 “文字 工 
具 ”T.， 创 建 页 脚 的 文字 内 容 ， 如 图 10-32 所 示 。 


at website 


在 舞台 中 选择 置 入 的 素材 文件 ， 在 “属性 ” 面 
板 中 单 击 “ 裁 前 图像” 按钮 ， 调 整 裁剪 区 域 ， 


如 图 10-30 所 示 。 


继续 添加 文字 内 容 和 甜 形 ， 制 作出 整个 页 面 ， 10.3.1 设计 思路 
如 图 10-33 所 示 。 
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本 案例 设计 一 款 灯具 网 页 项 目 。 ” 扫 码 看 视频 


站 以 销售 灯具 为 主 ， 包 括 各 种 类 型 的 照明 
灯具 产品 。 灯 有 具 是 照明 工具 ， 现 代 的 灯具 包括 家 居 
照明 、 工 业 照 明 、 道 路 照明 、 景 观照 明 、 特 种 照明 


该 


等 ， 本 网 页 将 着 重 表现 灯具 的 美好 灯光 ， 如 图 10-34 
所 示 。 
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至 此 ， 本 案例 制作 完成 。 


商业 案例 一 一 灯具 公司 网 页 
设 i 


根据 网 站 的 诉求 ， 网 站 页 面 在 设计 之 初 就 将 整 
体 风格 定 为 奢华 风格 。 能 代表 奢华 风格 的 莫 过 于 接 
近 黑 色 、 深 灰色 与 暖色 灯光 进行 搭配 ， 尽 显 时 尚 、 
华丽 质感 ， 如 图 10-35 所 示 。 


10.3.2 ”配色 方案 


灯具 给 人 以 照明 的 实用 性 和 科技 性 ， 所 以 本 案 
例 将 采用 灯具 的 夜晚 照明 效果 作为 配 图 ， 暖 暖 的 灯 
光 措 配 黑夜 ， 低 调 而 奢华 。 


由 于 灯光 在 夜晚 中 能 够 表现 出 效果 ， 所 以 在 本 
案例 中 将 主要 使 用 黑色 和 灰色 表现 黑夜 的 效果 ， 如 
图 10-36 所 示 可 以 发 现 夜晚 的 星光 是 很 美的 。 


点 缀 色 采 用 橘 色 ， 橘 色 是 暖 光 系 的 灯光 光照 颜 
色 ， 在 低调 的 黑色 中 活跃 了 整个 画面 ， 如 图 10-37 所 
示 ， 又 协调 了 整个 夜晚 光 效 素材 的 画面 。 


Lighfing lamps 
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Ee 让 市 鹿 
' 


下 面 提 供 了 4 种 可 供 选 择 的 网 页 方案 ， 从 中 可 
以 看 到 蓝 色 、 绿 色 和 红色 都 更 显 时 尚 ， 咖 啡 色 使 整 
个 画面 更 具有 大 气 和 辉煌 的 效果 ， 如 图 10-38 所 示 ， 
这 四 种 配色 方案 都 比较 合适 ， 可 供 客户 选择 。 


加 导言 类 上 插 到 JO1eQSnlll 荣 半 千 
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10.3.3 ”构图 方式 


构图 方式 使 用 常规 的 “ 国 ” 字 形 网 页 排版 ， 这 
样 的 构图 方式 排列 非常 紧凑 。 


10.3.4” 同 类 作品 欣赏 
10.3.5 项目 实战 


i 


本 案例 首先 创建 分 割 区 域 ， 然 后 创建 文字 注 
释 ; 最 后 置 入 素材 ， 裁 前 位 图 ， 设 置 算 形 的 圆 角 ， 如 
妈 10-39 所 示 。 


SUghting lomps i 
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由利 而 。 公司 本 介 产品 向 未。 新闻 动态 。 身 用 寺 例 。。 页 天 下 击 。。 开 基 机 才 到 和 我 们 


使 用 “ 置 入 ”命令 置 入 素材 ; 
使 | 像 ” 按 钮 裁剪 位 图 ; 
使 直接 选择 工具 ”设置 矩形 的 圆 角 。 


运行 Ilustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 936mm、 
“高 度 ”为 1280mm， 单 击 “ 创 建 ”按钮 ， 创 建 


文档 ， 如 图 10-40 所 示 。 
i i 


人 有 
ht 


使 用 “矩形 工具 ”创建 分 割 区 域 ; 
使 用 “文字 工具 ”创建 注释 ; 


未 标题 


@D 


使 用 “和 珑 形 工具 ” 转 ,， 在 舞台 中 单 击 ， 在 弹出 
的 “ 德 形 ”对 话 框 中 设置 “宽度 ”为 936mm、 
“高 度 ” 为 1280， 如 图 10-41 所 示 。 


创建 矩形 后 ， 在 舞台 中 调整 矩形 的 位 置 ， 设 置 
和 矩形 的 “证 色 为 #232323， 如 图 10-42 所 示 。 


设置 矩形 背景 后 ， 使 用 矩形 工具 创建 4 个 矩 形 并 使 用 “文字 工具 ”T.,， 在 搜索 按钮 上 输入 文 
设置 颜色 为 橘 色 ， 然 后 设置 其 倾 宪 角度 ， 组 合 字 ， 如 图 10-45 所 示 。 
出 Logo， 并 输入 公司 名 称 ， 如 图 10-43 所 示 。 
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Lighting lamps 


使 用 “ 逢 形 工 具 ” 国 ,， 在 舞台 中 创建 和 矩 形 ， 作 
为 导航 按钮 ， 如 图 10-46 所 示 。 


使 用 矩形 创建 搜索 按钮 和 文本 框 ， 设 置 作 为 又 


本 框 的 矩形 为 向 色 ， 设 置 按钮 为 橘 色 ， 如 图 10-44 设置 导航 按钮 的 填充 为 渐变 ， 在 “渐变 ” 面 
所 示 。 板 中 设置 渐变 的 效果 ， 深 灰 到 浅 灰 到 深 灰 的 


We i 
90。， 如 图 10-47 所 示 。 
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选择 设置 和 夺 的 乱 形 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 投影 ”命令 ， 在 弹出 的 “投影 ”对 话 框 中 设 


Lighting lamps 


使 用 “文字 工具 ”T,， 在 舞台 中 创建 文字 ， 创 建文 字 后 ， 使 用 “选择 工具 ” 按 住 Shift 键 ， 选 中 所 有 的 
文字 ， 在 “对 齐 ” 组 中 单 击 “ 垂 直 底 对 齐 ” 生 和 “水 平 居 中 分 布 ”机 两 个 按钮 ， 如 图 10-49 所 示 。 


9 对 齐 四 本 | n 


产品 展示 新 闻 动 态 < 应 用 塞 例 次 源 下 载 诚 聘 英 才 联系 我 们 : . 


图 对 齐 窗口 的 使 用 和 提示 


在 AI 里 移动 图 像 确 实 是 一 件 麻 烦 事 ， 虽 然 有 参 
考 线 的 辅助 ， 但 是 有 诸多 麻烦 。 使 用 “对 齐 ” 面 板 
中 的 按钮 ， 可 以 设置 选择 对 象 的 对 齐 和 分 布 ， 这 样 
可 以 使 对 象 对 齐 到 需要 的 效果 ， 其 实 使 用 对 齐 的 操 
简单 ， 就 是 选择 需要 对 齐 的 对 象 ， 然 后 选择 

适 的 对 齐 或 分 布 按钮 ， 具 体 的 对 齐 和 分 布 效果 读 
着 可 以 试 使 用 一 下 ， 由 于 篇 幅 有 限 ， 这 里 就 不 详 
细 讲 述 了 。 


使 用 “直线 段 工具 ”/.,， 在 如 图 10-50 所 示 的 位 


黑色 。 


图 10-50 
在 菜单 栏 中 选择 “效果 > 风格 化 > 外 发 光 ” 命 
令 ， 在 弹出 的 “外 发 光 ” 对 话 框 中 设置 合适 的 
参数 ， 如 图 10-51 所 示 。 


模糊 (D) 


0) 


10-51 
人 @ 念 设置 出 的 外 发 光 效 果 如 图 10-52 所 示 。 


四 | 


Lig 


加 


10-52 


置 创建 直线 ， 设 置 “ 描 边 ”为 2， 设 置 颜色 为 | 


ey 
| 的， 


在 舞 人 台中 将 直线 复制 到 每 个 导航 文字 后 ， 复 制 
后 ， 选 择 所 有 的 线段 ， 在 “对 齐 ” 组 中 单 击 
“垂直 底 对 齐 ” 血 和 “水 平 居 中 分 布 ” 
按钮 ， 如 图 10-53 所 示 。 


村 两 个 


| 
中 国民 
图 10-53 


全 分 而后 的 线段 效果 如 


10-54 所 示 。 
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图 10-54 

中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
”对 话 框 中 选择 随 书 配备 资源 中 的 

i 文件 ， 单 击 “ 置 入 ”按钮 ， 如 

图 10-55 所 示 。 
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图 10-55 
中 ， 调 整 素材 的 大 小 ， 如 图 10-56 


亿 置 入 素材 到 舞台 
所 示 。 
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CE 
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图 10-56 
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加 导言 类 上 插 到 J01eQSnlll 荣 半 属 


设 
计 
完 
全 


在 ， 


属性 ”面板 中 单 击 “裁剪 图 像 ”按钮 ， 在 舞台 中 裁剪 置 入 的 素材 图 像 ， 裁 剪 图 像 后 ， 单 击 “ 应 


,FE 


用 ”按钮 ， 如 图 10-57 所 示 。 
时 市 i 
才 有 | 
在 舞台 中 调整 图 像 的 位 置 ， 如 图 10-58 所 示 。 
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和 


裁剪 图 像 后 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 
内 发 光 ” 命 令 ， 在 弹出 的 “内 发 光 ” 对 话 框 中 
设置 合适 的 内 发 光 参 数 ， 设 置 其 内 发 光 效 果 ， 


如 图 
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10-59 所 示 。 


在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 素 
材 3.png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 10-61 
所 示 。 
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图 10-60 所 示 的 位 置 创建 圆 角 和 矩形， 设置 其 — 
为 灰色 。 


置 入 素材 ， 并 调整 素材 的 大 小 和 位 置 ， 并 在 圆 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
矩形 中 添加 文字 注释 ， 如 图 10-62 所 示 。 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 素 
nd eee Eee 材 6png” 文 件 ， 单 击 “ 置 入 ”按钮 ， 如 图 10-66 


Rus sqmn ra Was eaen aara wm: maan 所 示 。 


复制 并 调整 圆 角 矩 形 和 内 容 ， 如 图 10-63 所 示 。 


Lighting lomps Er 


站 而。 NR PBRF NA LAR AS AR 


置 入 素材 ， 并 使 用 同样 的 方法 置 入 其 他 素材 ， 
可 以 裁剪 图 像 区 域 ， 如 图 10-67 所 示 。 


修改 圆 角 和 矩形 中 的 图 像 和 内 容 ， 如 图 10-64 所 示 。 


Lighting lamps [2 
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调整 素材 ， 在 舞台 中 复制 渐变 的 导航 按钮 ， 将 
其 复制 到 底部 ， 如 图 10-68 所 示 。 


创建 圆 角 和 矩形 ， 设 置 其 填 色 为 灰色 ， 使 用 “ 文 
字 工 具 ” 工 ,， 创 建文 字 ， 如 图 10-65 所 示 。 


创建 文字 ， 可 以 将 上 面 导航 中 的 线段 复制 到 底 
部 导航 ， 对 其 进行 复制 ， 如 图 10-69 所 示 。 


类 尾 击 Jole4Snlll 芝 光 嬉 
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胁 蛋 半 沙 四 污 


关于 我 们 。 联系 方 区 


Lighting lamps 


网 站 着 页 公司 姑 介 产品 虹 估 


多 


责 尖 下载 


至 此 ， 本 案例 制作 完成 。 


优秀 作品 欣赏 
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UI 设 计 是 指 用 户 界 面 设 计 ， 目 前 根据 不 同 的 用 户 界面 来 划分 UI 设 
计 ， 主 要 分 为 Web 界 面 设计 和 移动 界面 设计 。UI 设 计 最 重要 的 不 在 于 操 
作 什么 软件 ， 而 是 创意 和 构思 ， 一 个 好 的 构思 想法 ， 即 便 是 一 些小 图 
标 ， 也 让 其 有 自己 的 特色 ， 突 出 自身 的 亮点 和 设计 。 


本 章节 主要 介绍 UI 设 计 的 一 些 相关 内 容 和 案例 。 


苦 尾 避 J01e4Snlll 芝 半 丑 


四 吧 言 


UI 设计 概述 


UI 设计 还 是 一 个 不 断 成 长 的 设计 领域 。 在 飞 
速 发 展 的 电子 产品 中 ， 界 面 设计 一 点 点 地 被 重视 起 
来 。 做 界面 设计 的 “美工 ”也 被 称 为 “UI 设计 师 ” 
或 “UI 工 程 师 ”。 其 实 软件 界面 设计 就 像 工 业 产品 
中 的 工业 造型 设计 一 样 ， 是 产品 的 重要 卖点 。 
电子 产品 拥有 美观 的 界面 会 给 人 带 来 舒适 的 视觉 享 
受 ， 拉 近 人 与 商品 的 距离 ， 是 建立 在 科学 性 之 上 的 
艺术 设计 。 检 验 一 个 界面 好 坏 的 标准 既 不 是 某 个 项 


-个 


目 开发 组 领导 的 意见 也 不 是 项 目 成 员 投票 的 结果 ， 
而 是 终端 用 户 的 感受 。 


11.1.1 什么 是 U 


UI 即 User Interface〈 用 户 界面 ) 的 简称 ， 是 指 
用 户 和 某 些 系统 进行 交互 方法 的 集合 ， 这 些 系 统 不 “1 11.1.2 UI 设计 的 原则 
单单 指 电脑 程序 ， 还 包括 某 种 特定 的 机 器 、 设 备 、 
复杂 的 工具 等 。 随 着 科技 的 发 展 ， 不 久 的 将 来 所 有 的 产品 会 组 
UI 设计 是 产品 的 重要 卖点 ， 一 个 友好 美观 的 界 ， 成 一 体 ， 变 成 无 处 不 在 的 电脑 ， 这 台电 脑 控 制 着 用 
面 会 给 入 带 来 舒适 的 视觉 感受 ， 拉 近 人 与 电脑 的 距 ， 户 的 所 有 家 用 产品 和 资料 。 用 户 只 要 有 一 个 自己 的 
离 ， 为 商家 制造 卖点 ， 如 图 11-1 所 示 。 账号 ， 就 可 以 通过 任何 一 个 产品 来 控制 其 他 产品 ， 
UI 设计 不 但 是 美术 绘画 创意 ， 还 需要 定位 针对 ， 而 所 有 的 产品 都 具有 终端 的 功能 。 而 这 个 终端 操作 
的 使 用 者 、 使 用 环境 、 使 用 方式 并 且 为 最 终 用户 而 ， 的 基本 形式 就 是 软件 的 UI 设 计 ， 以 下 是 UI 设 计 的 一 
设计 ， 是 纯粹 的 科学 性 的 艺术 设计 。 些 原则 。 


(1) 确认 目标 用 户 。 在 UI 设 计 过 程 中 ， 需 要 
设计 角色 来 确定 软件 的 针对 用 户 ， 获 取 最 终 用 户 的 
需求 ， 用 户 界面 的 不 同 会 引起 交互 设计 的 不 同 。 

(2) 清晰 明确 地 设计 用 户 界面 。 清 晰 是 用 户 
界面 设计 中 一 个 重要 的 条 件 ， 模 糊 的 界面 会 影响 用 
户 的 整体 印象 。 

(3) 简洁 明了 。 界 面 除 了 清晰 ， 还 需要 简 
洁 ， 看 上 去 一 目 了 然 。 如 果 界 面 上 充斥 着 太 多 的 东 
西 ， 会 让 用 户 在 查找 内 容 的 时 候 比较 困难 和 乏味 。 

(4) 界面 的 一 致 性 。 在 UI 设计 时 ， 保 持 界面 
风格 的 一 致 性 不 会 让 用 户 感到 错 悍 。 

(5) 界面 的 美观 性 。 在 UI 设计 时 ， 要 注重 美 
观 度 的 加 强 。 


111.1.3 ”UI 设计 的 控件 


UI 控件 包括 在 用 户 界面 中 肉眼 可 见 的 一 些 现实 
文字 的 数据 ，UI 控 件 最 典型 的 就 是 按钮 了 ， 这 是 用 
户 交 互 的 关键 。 还 有 其 他 的 控件 ， 比 如 滚动 条 、 开 
关 控 件 、 工 具 栏 、 文 本 控件 、 单 选 按钮 、 复 选 框 、 
进度 条 、 对 话 框 时 间 控 件 、 图 片 控件 、 时 间 控 件 、 
日 期 控件 等 ， 如 图 11-2 所 示 。 


YOUR 


HERE 


ee 
图 11-2 
对 于 日 益 增加 的 UI 控件 需求 ， 市 场 上 也 出 现 


了 很 多 可 供 选 择 的 UI 控件 ， 满 足 用 户 比 较 复杂 的 需 
求 。 这 些 控 件 有 助 于 简化 UI 设计 工作 ， 提 高 效率 。 


[二 广 太太 | 
11.2 


商业 案例 一 一 手机 软件 个 人 
中 心 登录 界面 


111.2.1 设计 思路 


zz 米 邢 
国 ”案例 类 型 扫 码 看 视频 


本 案例 是 设计 一 款 手机 App 软 件 的 个 人 中 心 登 
录 界 面 项 目 。 


四 ”项目 诉求 
手机 软件 主要 是 指 安装 在 智能 手机 上 的 软件 ， 
统 的 不 足 与 个 性 化 ， 使 手机 功能 更 加 完善 、 
旭 11-3 所 示 。 
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据 客户 需求 提供 不 同 的 选择 方案 ， 如 图 11-6 所 示 。 


本 案例 将 设计 一 款 手机 的 个 人 中 心 登录 界面 ， 
要 求 使 用 蓝 色 和 渐变 色 来 设计 ， 要 求 简约 大 方 些 。 


根据 项 目 诉求 将 主要 设计 成 一 款 商 务 界 面 ， 在 
界面 中 ， 将 尽量 使 用 简约 的 构图 色彩 ， 不 添加 任何 
装饰 素材 。 


苦 尾 届 J01e4Snlll 芝 汉 丑 


ES 


11.2.2” 配色 方案 


本 


配色 方案 主要 使 用 比较 干净 的 颜 


泽 医 忆 导 手 沁 四 


主 色 使 用 大 众 的 商务 蓝 渐 变 ， 蓝 色 在 商务 的 手机 
软件 中 是 比较 常用 的 ， 蓝 色 也 用 于 清新 和 简单 的 一 
些 App 中 ， 如 图 11-4 所 示 为 本 案例 使 用 的 渐变 蓝 。 

| 


辅助 色 使 用 浅 灰 和 白色 的 按钮 作为 搭配 ， 如 ”E11.2.3 版面 设 计 
图 11-5 所 示 。 


整体 版 面 是 属于 整体 构图 ， 由 圆 角 矩形 将 头像 
和 信息 部 分 组 合 为 一 个 整体 ， 下 面部 分 为 个 人 的 系 
统 按钮 。 


11.2.4 同类 作品 欣赏 


第 三 方 登录 


所 OO GO 


根据 不 同 的 主题 定义 了 以 下 四 种 颜色 方案 ， 第 
一 种 方案 比较 清新 ， 第 二 个 方案 比较 适合 女性 ， 第 
三 种 方案 比较 温馨 ， 第 四 个 方案 较为 时 尚 ， 可 以 根 


使 用 “直接 选择 工具 ”设置 矩形 的 圆 角 ; 
使 用 “椭圆 工具 ”绘制 头像 的 轮廓 ， 
使 用 “ 置 入 ”命令 置 入 素材 ; 

使 用 “文字 工具 ”添加 注释 ; 

使 用 “直线 段 工 具 ” 绘 制 直线 。 

图 ”操作 步骤 
运行 Illustrator 软 件 ， 新 建文 件 ， 在 弹出 的 对 
话 框 中 设置 “宽度 ”为 2355mm、“ 高 度 ” 为 
450， 单 击 “ 创 建 ” 按 钮 ， 创 建文 档 ， 如 图 11-8 


所 示 。 


111.2.5 项 目 实战 A 
加 ”制作 流程 x] 
本 案例 首先 创建 背景 ， 设 置 矩 形 的 圆 角 ， 绘 抽 5 
头像 的 轮廓 ， 然 后 添加 文字 注释 ， 最 后 绘制 直线 ， wu | 由 
如 图 11-7 所 示 。 室 Ls 这 
a 四 
图 11-8 


的 “和 矩形” 对话 框 中 设置 “宽度 ”为 233mm、 


形 ， 如 图 11-9 所 示 。 


E 
| 


图 11-9 


置 ， 如 图 11-10 所 示 。 


图 11-7 


国 ”技术 要 点 
使 用 “矩形 工具 ”创建 背景 ; 


图 11-10 


使 用 “矩形 工具 ” 园 ,， 在 舞台 中 单 击 ， 在 弹出 


"高度 ”为 450， 单 击 “ 确 定 ”按钮 ， 创 建 矩 


售 选 择 蚀 建 的 矩形 ， 在 “属性 ”面板 中 设置 其 位 


29| 


手 疯 In 山上 溃 


《人 @ 设置 矩形 的 填充 为 渐变 ， 在 “渐变 ”面板 中 设置 
“类 型 ”为 “线性 ”， 设 置 角度 为 -90" ， 设 置 ， 
渐变 由 # afdlff 到 # 63a0 和 的 渐变 ， 如 图 11-11 所 示 。 

(设置 的 渐变 填充 效果 如 图 11-12 所 示 。 


+ = 

图 。 回忆 Em 

导 鳃 图 11-14 图 11-15 

凡 井 

边 "为 白色 ， 设 置 合适 的 描 边 粗 细 ， 如 图 11-16 
过 I 所 示 ， 对 直线 段 进行 复制 。 

遇 图 11-11 图 11-12 

请 使 用 “矩形 工具 ” 国 .,， 在 舞台 中 创建 和 矩形， 

时 设置 矩形 的 “ 填 色 ”为 和 白色， 设置 “ 描 边 " 为 ， 

角 无 ， 如 图 11-13 所 示 ， 使 用 “直接 选择 工具 ”上 人, | 


| 
| 
(使 用 “直线 段 工具 ”7 .创建 直线 段 ， 设置“ 描 
1 
| 
设置 矩形 的 加 角 。 | 
| 


| 图 11-16 

”人 QO 使 用 “ 椭 回 工具”.， 在 舞台 的 左上 角 创建 
” 圆 ， 设 置 圆 的 “ 填 色 ” 为 黑色 ， 复 制 园 ， 并 
设置 最 后 两 个 圆 的 “ 描 边 " 为 黑色 ， 设 置 “ 填 
| 色 ” 为 无 ， 如 图 11-17 所 示 。 


图 11-13 


(人命 在 舞台 中 选择 回 角 和 矩形 ， 在 “对 齐 ” 面 板 中 单 
击 蛋 按钮 ， 在 弹出 的 菜单 中 选择 “显示 选项 ” 
命令 ， 显 示 隐 藏 的 选项 ， 从 中 选择 “对 齐 " 子 ， 
菜单 中 的 “对 齐 画板 ”命令 ， 再 单 击 “ 水 平 居 

中 对 齐 ” 按 钮 时 ， 设 置 圆 角 矩形 的 居中 对 齐 ， | 

如 图 11-14 所 示 。 

使 用 “文字 工具 ”T,， 在 舞台 中 创建 文字 注 | 

释 ， 调 整 文字 的 位 置 ， 如 图 11-15 所 示 。 | 


图 11-17 
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使 在 回 点 户 ， 使 用 “文字 工具 ”T.， 在 舞台 中 创 
建文 字 注释 ， 如 图 11-18 所 示 。 


图 11-18 

人 在 工具 箱 中 按 住 左 键 单 击 “直线 段 工具 ”人 
在 弹出 的 快捷 工具 中 单 击 右 侧 按钮 ， 可 以 打 
开 隐 藏 的 工具 面板 ， 从 中 选择 “ 极 坐 标 网 格 工 
具 ” 图 ， 如 图 11-19 所 示 。 


/rr EY 
图 11-19 
选择 工具 后 ， 在 舞台 中 单 击 ， 在 弹出 的 “ 极 坐 
标 网 格 工具 选项 ”对 话 框 中 设置 同心 圆 分 割 线 
的 “数量 ”为 6， 如 图 11-20 所 示 。 


有 大 个 
mi iTrm 也 
由 mm 


网 0 醒 分 习 线 


tu 人 


MA 全 : 
四 


人 分 了 二 

到 :5 

Hi 四: 
™ 


口 从 哺 因 珍 创 奸 复 襄 陪 征 (OD 


口 填 色 网 格 下 ) 
人 CC) 


图 11-20 

《@ 在 舞台 中 创建 极 坐标 网 格 ， 使 用 “实时 上 色 工 

具 ” 着 ， 在 舞台 中 填充 极 坐标 网 格 ， 绘 制 信 
号 ， 如 图 11-21 所 示 。 


图 11-21 


实时 上 色 工 具 使 用 提示 


“实时 上 色 工 具 ” 狂 是 “形状 生成 工具 ”的 信 
隐藏 工具 ， 使 用 “实时 上 色 工 具 ” 害 时 ， 会 弹出 一 
个 对 话 框 ， 如 图 11-22 所 示 ， 出 现 这 种 情况 时 ， 说 
明 当 前 需要 填充 的 形状 没有 处 于 选择 状态 ， 全 选 需 
要 填充 的 形状 ， 在 工具 属性 栏 中 单 击 “ 合 并 实时 上 
色 ” 按 钮 ， 使 用 “实时 上 色 工 具 ” 害 |， 即 可 填充 
颜色 ， 如 图 11-23 所 示 。 


ye la 地 着 色 。 
于 本 想到 的 图 本 的 了 和 条 合 ， 名 后 用 实时 上 包工 具 间 机 以 建 立 “ 实 时 上 


ye v¥ 


1 过 掺 中 全集 证 用 实时 上 色 工 具 单 由 3 给 路 枉 国 全 的 区 域 上 色 


OaD 


图 11-22 


《他 移动 调整 极 坐标 网 格 至 如 图 11-24 所 示 的 位 置 。 


图 11-24 
使 用 “文字 工具 ”T.， 在 舞台 中 添加 文字 ， 如 
图 11-25 所 示 。 


图 11-25 
使 用 “ 甜 形 工具 ”加 .绘制 电池 状态 ， 如 图 11-26 
所 示 的 效果 。 


图 11-26 
组合 完成 手机 项 部 的 信息 状态 ， 如 图 11-27 
所 示 。 
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项 规 胁 四 和 半 交加 污 


图 11-27 
“椭圆 工具 ”@,， 在 舞台 中 如 图 11-28 所 
汐 位 置 创 建 椭圆 ， 设 置 “ 填 色 ” 为 无 ，“ 描 
边 ”为 白色 ， 描 边 粗细 为 4pt。 


E541L mn 要: 124.176 


下 46.494 m 再 :124.176 


A:0 ~ 是 于 


图 11-28 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 
“头像 .png”， 单 击 “ 置 入 ”按钮 ， 如 图 11-29 
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图 11-29 
置 入 素材 作为 头像 素材 的 位 置 ， 如 图 11-30 所 
示 ， 创 建 圆 角 矩形 ， 设 置 矩 形 合适 的 大 小 ， 并 
设置 “ 填 色 ”为 无 ， 设 置 “ 描 边 ” 为 灰色 。 
在 圆 角 和 矩形 中 使 用 “文字 工具 ”TT,， 设 置 文 
字 的 颜色 为 灰色 ， 创 建 并 调整 文字 的 位 置 和 大 
小 ， 如 图 11-31 所 示 ， 对 圆 角 和 矩形 和 文字 复制 ， 
调整 其 位 置 和 文字 的 内 容 。 
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图 11-31 


售 丝 续 创 建文 字 ， 设置 文字 的 颜色 分 别 为 灰色 和 


浅 蓝 色 ， 如 图 11-32 所 示 。 


人 复制 园 角 矩形 和 文字 ， 修改 其 颜色 为 浅 蓝 色 ， 


修改 文字 内 容 ， 如 图 11-33 所 示 。 


图 11-32 
人 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 


图 11-33 


“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 
三 方 01~03.png”3 个 素材 文件 ， 单 击 
按钮 ， 如 图 11-34 所 示 。 


的 “第 
“ 置 入 ， 


人 移入 素材 后 调整 素材 的 位 置 和 大 小 ， 如 图 11-35 
所 示 。 


图 11-35 


人 MEL, 本 案例 制作 完成 。 


11. 


3 商业 案例 一 一 手机 App 音 乐 
播放 界面 设计 


111.3.1 设计 思路 


加 ”案例 类 型 扫 码 看 视频 
本 案例 设计 一 款 手 机 App 的 音乐 播放 界面 。 
图 ”设计 背景 
科技 在 发 展 进步 ， 时 尚 同样 也 在 发 展 进步 ， 
数码 产品 的 典型 代表 MP3 播 放 器 也 被 手机 中 自 带 的 
App 软 件 所 替代 ， 手 机 完美 呈现 了 “一 机 在 手 ”， 
什么 都 有 的 效果 ， 不 仅 可 以 消费 、 通 信 ， 还 可 以 社 
交 等 ， 听 音乐 已 经 成 了 手机 最 平常 不 过 的 功能 了 
图 ”设计 定位 
在 本 案例 中 将 主要 设计 音乐 播放 器 界面 ， 需 要 
设计 播放 器 的 背景 ， 将 跟随 播放 的 专辑 封面 而 自动 
更 换 ， 随 着 色调 的 变化 ， 播 放 按钮 的 颜色 也 随 着 变 
换 ， 这 里 需要 制作 一 款 什么 颜色 的 背景 案例 ， 主 要 
看 一 下 整体 的 布局 效果 。 


| 11.3.2 ”表现 形式 与 风格 


本 案例 主要 使 用 上 下 结构 布局 ， 将 歌手 图 像 放 


， 置 到 中 间 位 置 ， 将 歌 名 、 歌 手 和 品质 放置 到 上 方 ， 


下 面 放 置 进度 条 和 按钮 。 


111.3.3” 其 他 方案 欣赏 


在 制作 案例 时 ， 往 往 会 延伸 出 许多 方案 供 客 户 
挑选 ， 以 下 是 提供 的 其 他 三 种 配色 方案 ， 如 图 11-36 
所 示 。 


图 11-36 


255 


手 疯 In 山上 比 各 


回忆 喜 类 掠 双 J01e4Snlll 芝 汉 午 


设 
计 
完 
全 
解 
析 


11.3.5 项目 实战 


本 案例 首先 使 用 前 面 11.2 节 中 的 “手机 软件 个 


和 人 中心 


文字 


录 界 面 ”案例 进行 修改 和 编辑 ， 然 后 创建 
， 设 置 图 像 的 模糊 效果 ， 设 置 矩 形 渐 变 ， 


设置 大 加 的 背景 效果 ;最 后 创建 三 角形 ， 创 建 箭头 
形状 ， 创 建 椭圆 形 ， 创 建 直线 ， 创 建 圆 角 矩形 ， 设 
置 外 发 光 效果 凸 出 文字 和 按钮 ， 如 图 11-37 所 示 。 


pr Time 时 1 更 Er 


使 用 “文字 工具 ”创建 注释 
使 用 “ 置 入 ”命令 置 入 素材 ; 


使 用 “高 斯 模糊 ”设置 图 像 的 模糊 效果 ; 


使 用 “矩形 工具 ”设置 矩形 的 渐变 六 


加 的 背景 效果 ; 


设置 出 登 


9 


用 “钢笔 了 


RSS 


设置 “外 发 光 ” 效 果 凸 
操作 步骤 
J 开 前 


令 ， 在 弹出 的 “储存 为 


， 如 图 11-38 所 示 。 
| 四 


使 用 “多 边 形 工具 ”创建 三 角形 ; 
使 有 具 ” 创 建 箭头 形状 ; 
使 用 “ 椭 贺 工具” 创建 椭 圆 ; 
使 
使 


“直线 段 工 具 ” 创 建 直 线 ; 
用 “ 圆 角 矩形 工具 ”创建 圆 角 矩形 ; 


出 文字 和 按钮 效果 。 


制作 的 “手机 软件 个 人 中 心 登录 界 
”， 然 后 在 菜单 栏 中 选择 “文件 > 存储 为 ” 命 


”对 话 框 中 存储 为 “ 手 


音乐 播放 软件 .ai” 文 件 ， 单 击 “ 保 存 ” 按 


图 11-38 


保存 文件 后 ， 在 舞台 


件 ， 如 图 11-39 所 示 。 


删除 不 需要 的 素材 文 


图 11-39 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 
的 “ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 


“bg01.png” 素 材 文件 


， 单 击 “ 置 入 ”按钮 ， 


如 图 11-40 所 示 。 


置 入 素材 后 ， 在 舞台 中 调整 素材 的 大 小 和 位 
置 ， 如 图 11-41 所 示 。 


手 疯 In 山上 以 


iox 


图 11-41 
选择 置 入 的 素材 文件 ， 在 菜单 栏 中 选择 “效果 > 
模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ”对 


话 框 中 设置 合适 的 模糊 参数 ， 如 图 11-42 所 示 。 


图 11-42 
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设置 模糊 后 ， 按 Ctrl+[ 组 合 键 ， 设 置 背景 素材 的 
排列 顺序 ， 效 果 如 图 11-43 所 示 。 


在 舞台 中 将 背景 矩形 放置 到 图 像 的 上 方 ， 在 
“渐变 ”面板 中 修改 其 渐变 颜色 由 #3f1500 到 
# 2a1700 的 渐变 ， 设 置 角度 为 90" ， 设 置 “类 
型 "为 “线性 ”， 如 图 11-44 所 示 。 


使 用 “钢笔 工具 ”分 .绘制 下 三 角 ， 删 除 作 为 辅 
助 的 三 角形 形状 ， 设 置 钢笔 绘制 的 形状 的 “ 填 
色 ” 为 无 ， 设 置 “ 描 边 ”为 和 白色， 设置 合适 的 
描 边 粗 细 ， 如 图 11-48 所 示 。 


在 “外 观 ”面板 中 单 击 “ 不 透明 度 ”， 在 弹出 
的 快捷 面板 中 选择 混合 模式 为 “ 柔 光 ”， 设 置 
“不 透明 度 ” 为 50%， 如 图 11-45 所 示 。 

使 用 “多 边 形 工 具 ” 合 ， 在 舞台 中 单 击 ， 在 弹 
出 的 “多 边 形 ” 对 话 框 中 设置 “ 边 数 ”为 3， 
单 击 “ 确 定 ”按钮 ， 创 建 多 边 形 ， 如 图 11-46 使 用 “椭圆 工具 ”名 绘制 右 侧 的 椭圆 ， 设 置 填 
所 示 。 充 为 灰色 ， 如 图 11-49 所 示 。 


使 用 “文字 工具 ”了 T,， 在 舞台 中 创建 文字 ， 使 
用 “直线 段 工具 ”7 .绘制 直线 ， 设 置 文字 和 直 


线 的 颜色 为 和 白色， 如 图 11-50 所 示 。 


在 舞台 中 绘制 圆 角 矩形， 设置 其 


颜色 ， 如 图 11-51 所 示 。 


风 
无 ， 设 置 “ 描 边 ”为 绿色 ， 在 圆 角 矩形 中 创建 
文字 ， 复 制 下 三 角 箭头 到 圆 角 矩形 中 ， 调 整 其 


* 填 色 ， 


复制 圆 角 矩形 ， 对 矩形 和 矩形 中 的 内 容 以 及 颜 


色 进 行 修改 ， 如 图 11-52 所 示 。 


在 舞台 中 选择 创建 的 文字 、 圆 角 和 矩形 、 形 状 、 


适 的 参数 ， 单 击 “ 确 定 ”按钮 ， 如 图 


于， 在 菜单 栏 中 选择 “效果 > 风格 化 > 外 
发 光 " 命令 ， 弹 出 的 “外 发 光 ” 对 话 框 中 设置 合 


11-53 所 示 。 


设置 的 外 发 光 效果 如 图 11-54 所 示 。 


lg3 pm 


使 用 “椭圆 工具 ”@,， 


在 舞台 中 如 图 


11-55 所 


示 的 位 置 创建 椭圆 ， 在 “属性 ” 
“ 宽 ” 为 180mm、“ 高 ” 


置 ， 设 置 “ 填 色 ” 为 黑色 。 


在 菜单 栏 中 选择 “文件 > 
“ 置 入 ”对 话 框 中 选择 


板 中 设置 


为 180mm， 设 置 其 位 


置 入 ”命令 ， 在 弹出 的 
簿 书 配备 资源 中 的 “ 头 


像 2.png” 素 材 文件 ， 秆 
图 11-56 所 示 。 


文 叶 (N} 六 人 2.png 


FU 


击 “ 置 入 ”按钮 ， 如 


置 入 素材 后 ， 调 整 素材 的 位 置 和 大 小 ， 如 图 11-57 


所 示 。 


TSETTEETIETEITTESTES 


Elkalud le 


选择 创建 的 椭圆 ， 在 “外 观 ” 面 板 中 单 击 “ 填 


色 ” 下 的 “不 透明 度 ”， 在 弹出 的 快捷 面板 
选择 混合 模式 为 “三 加 ”， 如 图 11-58 所 示 。 


pr 

we - 国 
不明 度 下 
加 冬天 明度 “lo0% 多 加 


在 椭圆 下 创建 文字 ， 如 图 11-60 所 示 。 


h 


设置 文字 的 外 发 光 效果 ， 具 体 参数 可 以 参考 前 
面 的 “外 发 光 ” 参 数 的 设置 ， 如 图 11-61 所 示 。 


在 文字 的 下 方 创建 3 个 椭圆 和 1 条 直线 ， 如 
图 11-62 所 示 。 


在 直线 上 创建 绿色 椭圆 ， 在 椭圆 的 左 侧 创建 绿 
色 直 线 ， 作 为 进度 条 ， 如 图 11-63 所 示 。 


使 用 “文字 工具 ”了 .创建 进度 条 的 时 间 ， 如 
图 11-64 所 示 。 


3 
各 


使 用 “椭圆 工具 ”人 @@,， 在 进度 条 下 印 


I 建 椭 


回 


设置 “ 填 色 ”为 无 ， 设 置 “ 描 边 ”为 绿色 ， 如 全 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
11-65 所 示 。 “ 置 入 ”对 话 框 中 选择 随 书 配 备 资源 中 的 “ 音 
乐 播放 01.png” 素 材 文件 ， 单 击 “ 置 入 ” 按 
钮 ， 如 图 11-70 所 示 。 


图 11-65 
使 用 “多 边 形 工具 ” 兮 ， 在 舞台 中 单 击 ， 在 弹 
出 的 “多 边 形 ”对 话 框 中 设置 “ 边 数 ”为 3， 单 
击 “ 确 定 ” 按 钮 ， 如 图 11-66 所 示 。 


图 11-70 
置 入 素材 后 ， 设 置 素材 的 “不 透明 度 ” 为 
80%， 如 图 11-71 所 示 。 


图 11-66 
创建 三 角形 后 ， 设 置 合 适 的 位 置 、 大 小 和 
度 ， 如 图 11-67 所 示 。 


1-67 


全 复制 三 角形 ， i "直线 段 工 具 ”/.， 创 建 
直线 ， 如 图 11-68 所 示 ， 设 置 颜色 为 绿色 。 
图 11-71 


_ 人 it 枯 本 和 素材 后 的 外 作 光 效果 ， 如 国 1L72 所 示 。 


图 11-68 
在 播放 按钮 、 进 度 条 、 时 间 段 ， 设 置 外 发 光 效 
果 ， 如 图 11-69 所 示 。 


图 11-72 
图 11-69 令 下 ， 本 案例 制作 完成 。 
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商业 案例 一 一 消 消 看 游戏 关 | 有 
卡 界面 设计 


在 此 构图 的 基础 上 ， 可 以 调整 一 下 背景 图 像 的 
效果 ， 给 人 以 不 同 的 关卡 内 容 。 如 图 11-73 所 示 为 可 


苦 尾 届 JOle4Snlll 芝 汉 丑 


11.4.1 设计 思路 


徐 潭 手 霹 四 避 言 


本 案例 设计 一 款 消 消 看 关卡 界面 。 


水 果 消 消 看 是 一 款 用 相同 水 果 抵消 来 累计 积分 
的 休闲 类 小 游戏 ， 相 同 的 水 果 在 一 起 就 会 抵消 ， 抵 
消 一 组 水 果 就 会 有 一 定 的 积分 作为 累计 ， 当 积分 达 
到 限定 积分 即 可 通关 的 一 种 闻 关 状态 。 


根据 游戏 类 型 将 设计 一 款 较为 卡通 的 水 晶 图 形 
作为 主要 内 容 ， 本 案例 将 主要 设计 消 消 看 的 游戏 关 
卡 界 面 ， 所 以 将 突出 水 晶 按钮 关卡 ， 并 加 一 些 比 较 
优秀 的 平面 作品 作为 背景 。 游 戏 界面 作为 关卡 的 开 
始 玩 游戏 的 初始 界面 ， 好 与 坏 都 会 给 人 留 下 一 定 的 
印象 ， 所 以 游戏 的 关卡 界面 是 非常 重要 的 。 


11.4.2 ”配色 方案 


色彩 上 将 主要 使 用 一 些 色彩 鲜艳 的 、 饱 和 度 高 


的 颜色 ， 这 些 颜色 会 使 人 快乐 。 由 于 饱和 度 高 、 色 
彩 鲜艳 ， 在 玩 游戏 的 过 程 中 也 便于 辨认 和 操作 。 11.4.3 “表现 形式 
本 案例 主要 使 用 绿色 、 黄 色 、 红 色 、 蓝 色 作为 本 案例 将 主要 内 容 关 卡 放 置 到 中 间 位 置 ， 为 


主 色 ， 本 案例 因为 色彩 比较 丰富 且 色 彩 鲜艳 ， 给 人 ， 中 心 构 图 ， 添 加 一 些 操作 按钮 以 及 复制 工具 ， 协 调 
以 明亮 、 华 丽 、 健 康 、 兴 奋 、 温 暖 、 欢 乐 、 辉 煌 的 ， 一 下 整体 的 布局 ， 当 然 ， 这 些 功能 按钮 是 必 不 可 少 


的 ， 在 排列 和 布局 上 ， 只 需要 搭配 协调 即 可 。 


11.4.4 ”项 目 实战 


本 案例 首先 创建 矩形 作为 剪 切 蒙 版 的 图 像 ， 创 
建 星 形 并 设置 星 形 的 内 发 光 效 果 和 高 光 效 果 ; 然后 
绘制 不 规则 的 形状 ， 将 描 边 和 效果 转换 为 图 形 ， 设 
置 投影 效果 ， 最 后 调整 出 心 形 锁 效果 ， 创 建 椭圆 水 
晶 按 钮 ， 设 置 按钮 的 外 发 光 效 果 ， 如 图 11-74 所 示 。 


使 用 


按钮 素材 ; 


使 用 
使 用 
使 用 
使 用 
使 用 


使 用 


“ 置 入 ”命令 置 入 素材 作为 背景 和 其 他 的 


“和 拢 形 工具 ”创建 矩形 作为 剪 切 蒙 版 的 图 像 ， 
“ 星 形 工具 ”工具 创建 星 形 ; 

“内 发 光 ” 命 令 设 置 星 形 的 内 发 光 效果 ; 
“画笔 工具 ”绘制 星 形 的 高 光 ; 

“钢笔 工具 ”绘制 不 规则 的 形状 ; 
“扩展 外 观 ” 和 “扩展 ”命令 将 描 边 和 效 
图 形 ; 


类 属 副 JO1eQSnlll 芝 半 千 


宣 


汝 用 忆 亲 手 现 四 叶 


使 用 “投影 ”命令 设置 投影 效果 ; 
使 用 “椭圆 工具 ”创建 出 椭圆 水 晶 按钮 ; 
使 用 “外 发 光 ” 命 令 设 置 出 按钮 的 外 发 光 
效果 。 
国 ”操作 步骤 
制作 背景 
下 面 来 导入 素材 作为 界面 背景 ， 并 设置 素材 的 
剪 切 蒙 版 效果 得 到 背景 。 
命运 行 Illustrator 软件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 500mm、 
“高 度 ” 为 381mm， 单 击 “ 创 建 ” 按 钮 ， 创 建 
文档 ， 如 图 11-75 所 示 。 


图 11-75 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “资源 
lpng” 素 材 文件 ， 单 击 “ 置 入 ”按钮 ， 如 图 11-76 
所 示 。 


GO" hx , wr mn Bl 
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置 入 素材 后 ， 在 舞台 中 调整 素材 的 位 置 和 大 
小 ， 如 图 11-77 所 示 。 


图 11-77 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 


在 弹出 的 

“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 资 
源 2.png” 素 材 文件 ， 单 击 “ 置 入 ”按钮 ， 丸 
图 11-78 所 示 。 


入 


图 11-78 


置信 素 材 后 ， 调整 素材 的 位 置 和 大 小 ， 如 图 11-79 
所 示 。 
使 用 “ 拢 形 工具 ” 转 ,， 在 舞 全 中 单 击 ， 在 弹出 
的 “矩形 ”对 话 框 中 设置 “宽度 ”为 5300mm、 
“高 度 ” 为 381， 单 击 “确定 ”按钮 ， 创 建 矩 
形 ， 如 图 11-80 所 示 。 


前 切 后 的 效果 如 图 11-83 所 示 。 


图 11-83 
在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 在 “ 打 
开 ” 对 话 框 中 选择 第 4 章 制作 的 “游戏 艺术 
字 .ai” 文 件 ， 如 图 11-84 所 示 。 


”图 11-80 
创建 和 矩 形 后 ， 在 舞台 中 调整 矩形 的 位 置 ， 如 
图 11-81 所 示 。 


2019/4/19 2206 Adobel 
2019/4/19 2301 Adobe 


半 测 I 山 比 识 


图 11-84 
制作 关卡 图 像 
将 通过 绘制 图 形 并 不 断 地 调整 组 合 出 水 晶 关 卡 
按钮 。 
命 打 开 文件 后 ， 从 中 选择 水 晶 的 心 形 ， 按 Ctrl+C 
组 合 键 ， 复 制 水 晶 心 形 ， 如 图 11-85 所 示 。 


国 11-81 
调整 矩形 在 舞台 中 的 位 置 后 ， 选 择 和 矩形 和 两 个 
置 入 的 素材 ， 在 “属性 ”面板 中 单 击 “ 建 立 剪 
切 蒙 版 ”按钮 ， 如 图 11-82 所 示 。 


图 11-85 


图 11-82 


人 @ 切 换 到 消 消 看 舞台 中 ， 按 Ctrl+V 组 合 键 ， 粘 贴 
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所 复制 的 心 形 到 舞 人 台中， 删除 多 余 的 图 形 ， 如 


11-86 所 示 。 


在 舞台 中 修改 心 形 的 填充 ， 使 其 颜色 变 得 更 加 
鲜艳 一 些 ， 如 图 11-87 所 示 。 


选择 所 有 心 形 的 形状 ， 按 Ctrl+G 组 合 键 ， 将 心 


形 编组 ， 编 组 后 


， 选 择 “ 星 形 工具 ” 帘 .， 在 


舞台 中 单 击 ， 在 弹出 的 “ 星 形 ”对 话 框 中 设置 
合适 的 参数 ， 单 击 “ 确 定 ”按钮 ， 如 图 11-88 


所 示 。 


半径 1(D 站 25 mm 


半径 2  】 ] 


角 点 数 (P):[ 5 


(me jC ws ) 


使 用 “直接 选择 了 


[ 具 ” 上 ,， 设 置 星 形 的 半径 1 的 


控制 点 为 圆 角 ， 义 


图 11-89 所 示 。 


设置 星 形 的 填充 为 渐变 ， 在 “渐变 ”面板 中 选 


择 “ 类 型 ”为 “线性 ”， 设 置 角度 为 -90" ， 设 


置 渐变 由 #fceed9 到 #fcd433 到 #fb9a3b 的 渐变 ， 
调整 渐变 色 标 到 合适 的 位 置 ， 如 图 11-90 所 示 。 
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选择 星 形 ， 按 Ctrl+C 和 Ctrl+F 组 合 键 ， 复 制 、 粘 
贴 星 形 到 上 方 ， 修 改 其 大 小 ， 在 “渐变 ”面板 
中 修改 其 渐变 由 #fb9a3b 到 #8f0200 的 渐变 ， 选 


择 “ 类 型 ”为 “ 径 向 ”， 如 图 11-91 所 示 。 


设置 渐变 后 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 


有 


内 发 光 ” 命 令 ， 在 弹出 的 “内 发 光 ” 对 话 框 r 
设置 合适 的 内 发 光 参 数 ， 如 图 11-92 所 示 。 


模式 00 | 正片 委 庆 ~ 国 | 
不 和 明度 (oj | 全 50% 


模 棚 四 疙 2 5 mm 
口中 心 Cc) [Ow 


me® ( we )C un ) 


设置 内 发 光 效果 后 ， 使 用 “选择 工具 ”， 选 择 
星 形 的 两 个 形状 ， 按 Alt 键 移动 复制 出 另外 的 星 
形 ， 如 图 11-93 所 示 。 


会 会 


选择 复制 出 的 星 形 ， 修 改 其 上 方 的 星 形 的 填充 

“类 型 ”为 “线性 ”， 设 置 角度 为 -90" ， 设 
置 渐 变 填充 由 #fceed9 到 #fcd433 到 #fb9a3b 的 渐 
变 ， 调 整 色 标 到 合适 的 位 置 ， 如 图 11-94 所 示 。 


可 以 看 到 当前 的 星 形 还 有 “内 发 光 ” 效 果 ， 选 
择 星 形 ， 在 “外 观 ” 面 板 中 选择 “内 发 光 "” 
效果 ， 单 击 会 按钮， 将 效果 删除 ， 如 图 11-95 
所 示 。 


f 二 | 
外 观 =u 


~ 摘 流 : 
不 和 到 度 : 软 认 什 
~ 项 外 : 国 

不 和 明度: 数值 


号 |。 不 二 本 度 ; 黑 认 值 
口 男友 Q@ 引 [ 可 
让 


删除 效果 后 得 到 如 图 11-96 所 示 的 效果 。 


1 


选择 底部 的 星 形 ， 复 制 到 上 方 ， 调 整 星 形 的 大 
小 ， 得 到 如 图 11-97 所 示 的 效果 。 


一 


继续 复制 星 形 ， 设 置 星 形 的 渐变 填充 ， 如 图 11-98 
所 示 。 


使 用 “画笔 工具 ”4.， 设 置 颜色 为 白色 ， 选 择 
黑色 的 画笔 笔触 和 粗细 ， 在 舞台 中 创建 出 高 光 
效果 ， 如 图 11-99 所 示 。 
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使 用 “钢笔 工具 ”分 ,， 在 舞台 中 绘制 形状 ， 设 


置 其 “ 填 色 ”为 白色 ,设置 “ 描 边 ”为 无 ， 设 
置 “ 不 透明 度 ” 为 30%， 如 图 11-100 所 示 。 


在 舞台 中 选择 两 个 星星 图 像 ， 在 菜单 栏 中 选择 
“对 象 > 扩展 外 观 ” 命 令 ， 然 后 选择 “对 象 > 扩 
展 ”命令 ， 将 效果 和 形状 转换 为 图 形 。 

在 舞台 中 分 别 组 合 星星 ， 并 调整 星星 的 位 置 和 
角度 ， 组 合 到 心 形 上 ， 得 到 如 图 11-101 所 示 的 


(3 


ww 


组 合 心 形 效 果 后 ， 对 其 效果 进行 复制 ， 调 整 至 
舞台 合适 的 位 置 ， 如 图 11-102 所 示 。 


使 用 "文字 工具 ”T.,， 在 舞台 中 创建 文字 ， 设 
置 文字 的 颜色 为 白色 ,设置 合适 的 属性 ， 如 
图 11-103 所 示 。 


3 (CB CB (GB 
' 蕊 vi 一 > 有 
0 .98 和 

es ft 6 


选中 创建 的 文字 ， 在 菜单 栏 中 选择 “效果 > 风 
格 化 > 投影 ”命令 ， 在 弹出 的 “投影 ”对 话 框 
中 设置 投影 的 参数 ， 单 击 “ 确 定 ”按钮 ， 如 
图 11-104 所 示 。 


模式 00 :| 
不 透明 度 (0) ;| 
XX 位 移 (0 ;| 


了 位移 (YD): 


模 横 (B) :| 


使 用 “椭圆 工 具 ”@,， 在 舞台 的 空白 处 创建 
椭圆 ， 使 用 “ 销 点 工具 ”下 ,和 “直接 选择 工 
有 具 ”从 ,调整 椭圆 形状 为 心 形 ， 设 置 心 形 的 “ 填 
色 ” 为 渐变 ， 在 “渐变 ”面板 中 设置 “类 型 " 
为 “线性 ”， 设 置 角度 为 -609 ， 设 置 渐变 填 
充 由 #fbb03b 到 #c1272d 的 渐变 ， 如 图 11-105 
所 示 。 


复制 心 形 ， 调 整 心 形 的 大 小 和 排列 顺序 ， 在 
“渐变 ”面板 中 修改 渐变 填充 由 #fcee21 到 
大 7931e 的 渐变 ， 如 图 11-106 所 示 。 


复制 组 合 形状 ， 如 图 11-110 所 示 。 


复制 心 形 ， 使 用 “直接 选择 工具 ”上 .调整 心 形 
的 形状 ， 将 其 填 色 ， 在 渐变 的 基础 上 设置 为 较 
浅 的 渐变 ， 如 图 11-107 所 示 。 


制作 水 晶 按 钮 

下 面 制作 界面 中 的 水 晶 按 钮 ， 其 中 将 会 使 用 到 
新 工具 “操控 变形 工具 ”， 通 过 调整 按钮 来 熟悉 这 
个 新 工具 。 

使 用 “椭圆 工具 ”@@,， 在 舞台 的 空白 处 创建 李 

圆 ， 在 “渐变 ”面板 中 设置 渐变 由 #006837 到 

#002e37 的 渐变 ， 如 图 11-111 所 示 。 


使 用 “钢笔 工具 ” 必 .， 在 舞台 中 创建 形状 ， 设 
置 其 “ 填 色 ”为 #ffeb99， 如 图 11-108 所 示 。 


复制 椭圆 ， 调 整 椭圆 的 位 置 和 大 小 ， 在 “ 渐 
变 ” 面 板 中 修改 渐变 填充 由 # 79ff37 到 # fftf37 的 
渐变 ， 如 图 11-112 所 示 。 


使 用 “椭圆 工具 ”人 @, 和 “和 矩形 工具 ” 国 ,， 创 
建 形状 ， 组 合 出 心 形 的 锁 芯 ， 设 置 “ 填 色 ”为 
#382e06， 如 图 11-109 所 示 。 


继续 在 舞台 中 复制 椭圆 ， 调 整 椭圆 的 高 度 ， 设 
置 椭圆 的 渐变 由 # 79ff37 到 # 7fc500 的 渐变 ， 如 
图 11-113 所 示 。 


复制 出 一 个 水 晶 按 钮 ， 修 改 水 晶 按 钮 的 颜色 为 
蓝 色 ， 如 图 11-117 所 示 。 
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复制 并 调整 椭圆 ， 设 置 椭圆 的 “ 填 色 ”为 黄 
色 ， 设 置 “ 不 透明 度 ” 为 20%， 如 图 11-114 
所 示 。 


使 用 “操控 变形 工具 ”起 ， 在 如 图 11-118 所 示 
的 位 置 添加 变形 控制 点 。 
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复制 并 调整 顶 圆 的 形状 和 角度 ， 设 置 其 “ 填 
色 ” 为 # e6ff63， 设 置 “不 透明 度 ”为 80%， 如 
图 11-115 所 示 。 


拖 动 如 图 11-119 所 示 的 变形 点 ， 调 整 图 形 的 
ma i 变形 。 


二 225.061 。 委 :13.351 
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使 用 “画笔 工具 ”4,， 设 置 画 笔 颜色 为 白色 ， 
设置 合适 的 画笔 笔触 ， 绘 制 出 高 光 效 果 ， 如 
图 11-116 所 示 。 


操控 变形 工具 的 使 用 原理 就 是 添加 一 些 固定 
点 ， 通 过 调整 固定 点 来 影响 该 点 周围 的 图 形 ， 不 影 
响 其 他 固定 点 的 形状 ， 这 就 是 变形 工具 的 有 趣 之 处 。 


在 舞台 中 复制 水 晶 按钮 ， 将 其 放置 到 关卡 的 下 


方 ， 如 图 11-120 所 示 。 


在 场景 中 选择 底部 关卡 的 水 晶 按 钮 ， 在 菜单 
栏 中 选择 “效果 > 风格 化 > 投影 ”命令 ， 在 
弹出 的 “投影 ”对 话 框 中 设置 合适 的 投影 
数 ， 如 图 11-121 所 示 。 


模式 00 :| 
不 条 明度 (0) 站 
X 位 移 (0 


Y 位 移 (了 


模糊 (B) :| 


使 用 同样 的 方法 设置 红色 心 形 关卡 的 “投影 ” 


效果 ， 如 图 11-123 所 示 。 


复制 水 晶 按 钮 到 如 图 11-124 所 示 的 半圆 形 按钮 


两 侧 。 


所 示 。 


在 菜单 栏 中 选择 
号 ”面板 , 在 “ 


“窗口 > 符号 ”命令 ， 打开“ 符 
符号 ”面板 中 单 击 十 按钮 ， 在 
弹出 的 菜单 中 选择 “打开 符号 库 > 网 页 图 标 ” 命 
令 ， 打 开 “ 网 页 图 标 ” 面 板 ， 从 中 拖 电 按 钮 图 


标 到 如 图 左 侧 的 黄色 水 晶 按 钮 上 ， 如 图 11-126 


所 示 。 


ee 
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双击 添加 的 网 页 
以 再 次 双击 ， 
色 ， 在 舞台 的 空 


Ss 


图 标 可 以 进入 编组 窗口 中 ， 己 


入 图 形状 态 ， 修 改 其 颜色 为 白 


白 处 双击 可 以 返 区 


到 窗口 的 正 


常 编辑 状态 ， 如 


图 11-127 所 示 。 
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图 11-127 
选择 添加 的 图 标 ， 在 菜单 栏 中 选择 “效果 > 风格 
化 > 外 发 光 ” 命 令 ， 在 弹出 的 “外 发 光 ” 对 话 
框 中 设置 合适 的 外 发 光 参 数 ， 单 击 “确定 ” 按 
钮 ， 如 图 11-128 所 示 。 


杭 式 o0|[E% “] 国 


不 透明 度 (O)E > 100% 


模糊 (B > 1 mm 


1-128 
《@ 设置 的 图 标的 外 发 光 效果 如 图 11-129 所 示 。 


图 11-129 
使 用 同样 的 方法 添加 并 设置 另外 一 个 图 标的 效 
果 ， 如 图 11-130 所 示 。 
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11-130 
依 于 所 有 的 水 晶 按 钮 制作 方法 基本 相同 ， 只 


是 填充 的 渐变 不 一 样 而 已 ， 所 以 剩 下 的 按钮 
使 用 置 入 的 方法 ， 将 制作 好 的 素材 置 入 到 舞 
台中 
在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 按 
钮 .png” 素 材 文件 ， 单 击 “ 置 入 ”按钮 ， 如 
图 11-131 所 示 。 
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人 将 按钮 置 入 到 舞台 中 ， 如 图 11-132 所 示 。 


图 11-132 

人 在 菜单 栏 中 选择 “文件 > 置 入 ”命令 ， 在 弹出 的 
“ 置 入 ”对 话 框 中 选择 随 书 配备 资源 中 的 “ 按 

钮 1.png” 素 材 文件 ， 单 击 “ 置 入 ”按钮 ， 如 

图 11-133 所 示 。 


图 11-133 


将 按钮 置 入 到 舞台 中 ， 调 整 其 大 小 和 位 置 ， 如 图 11-134 所 示 。 
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至 此 ， 本 案例 制作 完成 。 
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VI 设计 是 企业 的 视觉 设计 ，VI 设 计 是 传播 企业 经 营 理念 、 建 立 企 
业 知名 度 、 塑 造 企业 形象 的 快速 捷径 制图 。 企业 可 以 通过 VI 设计 ， 对 内 
可 以 增加 员工 的 归属 感 ， 增 强 企 业 的 凝聚 力 ， 对 外 可 以 树立 企业 的 整体 
形象 、 传 达 企 业 信 息 给 受众 。 


本 章 讲解 VI 设计 的 概念 和 一 些 常识 ， 


更 深 的 了 解 。 


VI 设计 概述 


VI 的 主要 内 容 包 括 : 企业 名 称 、 标 志 、 标 准 
字 、 标 准 色 、 象 征 图 案 、 宣 传 口语 、 市 场 报告 书 
等 ， 在 前 面 章节 中 介绍 了 标志 、 名 片 、 包 装 、 画 
册 等 都 是 VI 设 计 中 的 一 部 分 ， 下 面 来 了 解 一 下 什 
么 是 VI。 


12.1.1 什么 是 VI 


所 谓 VI 设 计 ， 是 指 以 标志 为 核心 的 所 有 视觉 识 
别 要 素 ， 运 用 统一 的 整体 传达 系统 ， 传 达 给 组 织 内 
部 和 外 部 人 群 ， 从 而 实现 良性 认同 和 沟通 。 

VI 是 市 场 营销 系统 中 最 有 传播 力 和 感染 力 的 
一 种 营销 方式 。 是 人 们 所 感知 的 外 部 信息 ， 包 括 所 
有 视觉 所 及 的 传达 物 ， 是 一 个 庞大 的 系统 ， 如 办 公 
事务 系统 中 的 信封 、 人 信纸、 便签、 公函 、 铭 牌 、 胸 
卡 、 和 赁 单 、 公 文 封 、 公 文 夹 ， 合 同 、 卡 片 、 请 束 、 
工作 证 、 备 忘 录 、 票 据 等 ， 如 图 12-1 所 示 。 


并 通过 案例 使 读者 对 VI 有 着 


12.1.2 VI 设 计 的 基本 要 素 


VI 设计 从 根本 上 规范 了 企业 的 视觉 要 素 ， 基 


本 要 素 系统 是 企业 形象 的 核心 部 分 ， 是 企业 基本 要 


素 ， 以 下 则 是 VI 设计 的 基本 要 素 。 


(1) 企业 名 称 。 企 业 名 称 与 企业 形象 紧密 联 


系 ， 是 市 场 营 销 设计 的 前 提 条 件 ， 是 采 
识 的 要 素 。 


(2) 企业 标识 。 企 业 的 形象 标志 是 企业 的 识 


文字 来 标 


别 符号 ， 是 市 场 营销 的 核心 造型 ， 通 过 简洁 、 生 动 


的 形象 传达 企业 的 内 容 或 信息 等 。 


(3) 标准 字 。 包 括 中 英文 字体 ， 标 准 字 是 根 | 


据 企 业 名 称 、 标 题 和 地 址 来 进行 设计 的 。 

(4) 标准 色 。 包 括 图 案 、Logo、 标 准 字 等 都 
属于 标准 色 的 设计 。 

(5) 象征 图 案 。 象 征 图 案 并 不 是 企业 标志 
Logo， 而 是 Logo 的 图 形 补充 ， 通 过 使 用 象征 图 案 的 
丰富 造型 ， 来 补充 标志 建立 的 企业 形象 ， 使 其 意义 
完整 、 更 易 识 别 。 
(6) 标语 口号 。 类 似 于 标题 与 副标题 ， 是 企 
业 概 念 的 精简 概况 ， 通 过 文字 来 宣传 标语 。 


[太太 太太 
12 2 商业 案例 一 一 农产品 VI 设计 


112.2.1 设计 思路 


图” 案例 类 型 

本 案例 将 前 面 章 节 中 制作 的 农产品 标志 制作 成 
VI 包装 系列 。 
图 ”项目 诉 求 

在 前 面 章节 中 制作 了 农产品 标志 ， 在 本 案例 
中 将 介绍 农产品 公司 的 信封 、 画 册 、 名 片 、 杯 
子 、 工 作 牌 、 人 信纸、 公文 袋 包 装 的 设计 ， 要 求 制 
作 统 一 的 色 系 ， 并 在 各 种 包装 上 面体 现 公司 的 标 
志 即 可 。 
图 ”设计 定位 

根据 客户 的 要 求 ， 将 主要 制作 一 套 简 约 的 
VI， 因 为 标志 上 有 画面 效果 ， 标 志 就 可 以 产生 比 
较 好 的 装饰 效果 了 ， 这 里 就 不 添加 任何 装饰 了 ， 
以 免 使 人 产生 误会 ， 而 不 能 将 注意 力 集中 到 标志 
和 标题 上 。 


112.2.2 版 面 设计 


整体 版 面 属 于 椭圆 构图 ， 出 于 聚焦 的 目的 将 标 
志 放 置 到 椭圆 中 ， 其 他 内 容 将 会 以 辅助 方式 存在 ， 
整个 布局 比较 清新 、 干 净 。 


112.2.3 “同类 作品 欣赏 
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112.2.4 项 目 


国 ”制作 流程 
本 案例 首先 创 


, 


实战 


建 矩 形 ， 创 建 顶 圆 的 标志 背景 ; 


混合 模式 ， 调 整 图 


276 


然后 创建 文字 注释 ， 


填充 区 


形 为 线条 ， 设 置 医 


形 的 形状 ; 最 后 创建 直线 ， 


图 像 ， 创 建 强 子 和 杯子 把 形状 ， 如 图 12-2 所 示 。 


像 世 


修剪 


辐 12-2 


技术 要 点 

使 用 “矩形 工具 ”创建 矩形 ， 作 为 背景 ; 
使 用 “椭圆 工具 ”创建 椭圆 的 标志 背景 ; 
使 用 “文字 工具 ” 创建 文字 注释 ， 

使 用 “直接 选择 工具 ”调整 图 形 的 形状 ; 
使 用 “直线 段 工 具 ” 创 建 直 线 ; 

使 用 “路 径 查找 器 ”修剪 图 像 ; 


使 用 “钢笔 工具 ”创建 绳子 和 杯子 把 形状 。 


加 ”操作 步 又 
创建 文档 并 导入 标志 
首先 需要 创建 多 个 画板 ， 

志 ， 将 其 放置 到 新 建 的 画板 中 。 


并 打开 之 前 制作 的 标 


运行 Tllustrator 软 件 ， 新 建文 件 ， 在 弹出 的 “新 
建文 档 ” 对 话 框 中 设置 “宽度 ”为 210mm、 
“高 度 ” 为 297mm， 设 置 “ 画 板 ” 数 量 为 12， 


单 击 
话 框 ， 从 中 设置 “ 列 数 ”为 4， 单 击 
档 ” 按 钮 ， 创 建文 档 ， 如 图 12-3 所 示 。 
可 以 看 到 创建 的 12 个 画板 ， 其 实 这 里 


个 ， 可 以 根据 自己 的 需求 进行 设置 ， 如 
所 示 。 


图 


“更 多 设置 ”按钮 ， 弹 出 “更 多 设置 ”对 
“创建 文 


只 需要 10 


12-4 


A grain of millet 
票 | 如 

农产品 

切换 到 舞台 中 ， 按 Ctrl+V 组 合 键 粘贴 图 像 到 舞 


人 台中， 在 舞台 中 选择 所 有 的 标志 ， 按 Ctrl+G 组 
合 键 ， 将 图 形 编组 ， 如 图 12-7 所 示 。 


图 12-7 
= 制作 画册 封面 
A 创建 画板 之 后 ， 首 先 通过 标志 来 制作 画板 封面 
hy 全 人 
在 菜单 栏 中 选择 “文件 > 打开 ”命令 ， 打 开 第 2 正面 和 背面 。 


章 中 制作 的 “农产品 标志 .ai” 文 件 ， 单 击 “ 打 


“和 矩形 工具 "” 合 
开 ” 按钮 ， 如 图 12-5 所 示 。 使 用 “ 逢 形 工具 ” 国 ,， 在 舞台 中 单 击 ， 在 弹出 


的 “和 矩形” 对话 框 中 设置 “宽度 ”为 210mm、 
“高 度 ” 为 297， 单 击 “确定 ” 按 钮 ， 创 建 矩 
形 ， 如 图 12-8 所 示 。 


EE TE IE 


宽度 可: 210 mm 


®:[27 】 |] 


图 12-8 


父 在 舞台 中 创建 短 形 后 ， 将 其 放置 到 画板 中 ， 调 
整 其 与 画板 对 齐 ， 设 置 矩 形 的 “ 填 色 ”为 
#288e71， 如 图 12-9 所 示 。 


图 12-5 
打开 后 ， 选 择 标志 图 形 ， 按 CtrltC 组 合 键 ， 如 
图 12-6 所 示 。 


2 


回忆 训 类 后 双 J01e4Snlll 芝 汉 虱 


设 
计 
完 
全 
解 
析 


边 ”为 和 白色， 粗细 为 10pt， 设 置 “不 透明 度 ” 


为 50%， 如 图 12-12 所 示 。 


将 标志 放置 到 画板 1 中 ， 如 图 12-10 所 示 。 


使 用 “和 矩 形 工 具 ” 国 ,， 在 舞台 中 如 图 12-13 所 
示 的 位 置 创建 德 形 ， 设 置 矩 形 的 “ 填 色 ”为 
#d2e8ce、“ 描 边 ” 为 无 。 


使 用 “椭圆 工具 ” 合 ,， 在 舞台 中 标志 的 位 置 创 
建 梢 圆 ， 设 置顶 圆 的 “ 填 色 ”为 白色 ， 如 
图 12-11 所 示 。 


使 用 “文字 工具 ”T,， 创 建文 字 ， 使 用 “直线 
段 工具 ”7 .绘制 直线 ， 设 置 文字 和 直线 都 为 白 
色 ， 如 图 12-14 所 示 。 


对 椭圆 进行 复制 ， 设 置 其 “ 填 色 ” 为 无 、“ 描 


在 菜单 栏 中 选择 “窗口 > 色 板 ”命令 ,打开 “ 色 板 ”面板 ， 单 击 埃 按 钮 ， 在 弹出 的 菜单 中 选择 “打开 色 
板 库 > 图 案 > 基 本 图 形 > 基本 图 形 线条 ”命令 ， 如 图 12-15 所 示 。 
VisiBone2 
2 Web 
Bm -0 
儿童 于 
z= 团 。 可 seaG- 
> TC ee 
届 寻 全 板 
= 中 NC 
迁 扫 所 有 末 使 用 的 公 板 (U) 科学 » 
添加 选中 的 散人 色 (A) 系统 (Macintosh) 
按 名 各 村 序 R) i (Windows) 
CE 控 关 型 排 闲 (0 纺织 品 
Ea me 
Y 4 本 本 机 图 (S) 2 : 
直 芍 和 本 视图 (M) 去 下 史 » 
re 多 时 
小 车 视 几 人) MB RS 
大 于 视 要 W) 全 
色 板 渤 项 (0)-， 名 析 
专 马 CO- 用 广 定 义 » 
Cel 
将 色 板 库存 依 为 AIB)-- 
图 12-15 


(在 舞台 中 创建 文字 ， 在 “产品 画册 ”文字 的 前 ， 


面 创建 矩 形 ， 在 “基本 图 形 线条 ”面板 中 为 矩 ， 
形 填 充 线条 ， 如 图 12-16 所 示 。 


本 


图 12- 16 


A grain of millet 


A grain of millet 


四 


图 12-17 
使 用 同样 的 方法 ， 在 画册 的 底部 创建 答 形 , 并 


人 @ 设置 其 泥 合 模式 为 “ “ 变 亮 ”， 如 图 12-17 所 示 。 


路 径 
| 

不 得 缠 度 : 默认 信 
> 境外 : 国 


不 适 品 度 : 默认 值 


产品 画册 司 不 和 到 度 : 100% 变 充 
[EE [oo 本 
ml QQ 


口 隔离 混合 口 控 空 组 
口 不 条 明度 和 蒙 版 用 来 定义 控 空 形状 


制作 蒙 版 


调整 线条 ， 设 置 线条 的 混合 模式 为 “ 变 亮 ”， 


如 图 12-18 所 示 。 


图 12-18 


继续 补充 画册 正面 的 文字 内 容 ， 得 到 画册 正面 


的 效果 ， 如 图 12-19 所 示 。 


图 12-19 
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选择 画册 正面 的 标志 和 标志 椭圆 背景 ， 以 及 作 
册 背 景 的 矩形 ， 使 用 “选择 工具 ”， 按 
住 Alt 键 移动 复制 图 形 到 画板 2， 调 整 图 形 的 位 


置 ， 得 到 画册 背面 的 效果 ， 如 图 12-20 所 示 。 


将 作为 名 片 的 背景 矩形 复制 到 下 方 ， 并 复制 标 
志 到 甜 形 上 ， 在 标志 的 右 侧 输入 一 些 信息 ， 这 
样 即 可 完成 名 片 的 正面 制作 ， 如 图 12-24 所 示 。 


制作 名 片 

下 面 主 要 是 做 - 款 公司 用 的 商务 名 片 ， 主 要 在 
名 片 的 背面 添加 上 标志 ， 正 面 输入 .此 信息 即 可 ， 
简单 大 气 一 些 ， 这 里 需要 在 画板 3 中 制作 。 

使 用 “和 矩形 工具 ” 园 ,， 在 舞台 中 单 击 ， 在 弹出 

的 “矩形 ”对 话 框 中 设置 “宽度 ”为 100mm、 

“高 度 ” 为 55， 单 击 “ 确 定 ”按钮 ， 创 建 答 

形 ， 如 图 12-21 所 示 。 


制作 信封 
下 面 介绍 制作 公司 的 信封 ， 主 要 通过 创建 图 形 
并 修改 图 iy 最 重要 的 是 放 上 公司 的 标 
， 信 封 将 在 画板 4 中 绘制 。 
使 用 “和 珑 形 工具 ” 国 ,， 在 舞台 中 单 击 ， 在 弹出 
的 “和 矩 形 ” 对 话 框 中 设置 “宽度 ”为 176mm、 
“高 度 ” 为 125， 单 击 “确定 ”按钮 ， 创 建 矩 
， 如 图 12-25 所 示 。 


创建 和 矩 形 后 ， 设 置 矩 形 的 “ 填 色 ”为 # 288e71， 
如 图 12-22 所 示 。 


创建 信封 和 矩形， 设置 矩形 的 “ 填 色 ”为 
#efeff0， 并 在 信封 上 使 用 “钢笔 工具 ”分 ,创建 
将 标志 和 标志 的 椭圆 背景 复制 到 名 片上 ， 如 言 封 封 口 图 形 ， 设 置 其 “ 填 色 ”为 所 27171， 如 
12-23 所 示 ， 背 面 的 名 片 制作 就 这 么 简单 。 12-26 所 示 。 


| 使 用 “直线 段 工具 ”/_.， 绘 制 灰色 的 直线 ， 并 
下 ”使 用 “文字 工具 ”下 添加 注释 ， 完 成 信封 正本 

| 的 制作 ， 如 图 12-30 所 示 。 

| 

| 贴 邮 

| 票 处 


图 12-26 | 人 | 和 
“直接 选择 工具 ”人 ,设置 贺 角 效果 , 如 | 一 [ 粒 | 栗 有 


。 12-27 所 示 。 


| 部 政 编码 : 
| 制作 信纸 
下 面 介绍 制作 公司 的 信纸 ， 在 信纸 的 一 角 放 上 
”标志 ， 以 直线 绘制 文字 区 域 ， 并 使 用 颜色 线段 作为 
， 装饰 条 ， 在 画板 7 和 画板 8 中 创建 信纸 。 
| 人 @O 使 用 “和 珑 形 工具 ” 转 ,， 在 舞台 中 单 击 ， 在 弹出 
| ”的 “矩形 ”对 话 框 中 设置 “宽度 "为 210mm、 


Ra _ “高 度 " 为 297， 单 击 “ 确 定 "按钮 ， 创 建 矩 
人 @ 复制 标志 | 信封 的 背景 ， 如 图 12-28 所 示 。 形 ， 如 图 12.31 所 示 。 
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全 度 国 ，210 mm 
高 度 ( 芭 


| 票 | 总 
人 @@ 在 舞台 中 调整 矩形 对 齐 到 画板 8 中 ， 设置 矩形 的 
“ 填 色 ”为 白色 ， 如 图 12-32 所 示 。 
图 12-28 


(复制 作为 信封 的 矩形 和 标志 图 形 到 画板 的 空 
白 处 ， 调 整 图 形 ， 使 用 “和 矩 形 工具 ” 国 ,， 在 
舞台 中 创建 和 矩 形 ,设置 “ 填 色 ”为 无 、“ 描 
边 ” 为 灰色 ， 使 用 “文字 工具 ”全 , 添 加 注 
释 ， 如 图 12-29 所 示 。 


[ [ 巾 邮 
票 处 


| 票 | 问 


图 12-29 | 图 12-32 
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卫 污 访 


a 


ET 


荨 用 以 站 


(在 舞台 中 复制 标志 到 信纸 的 左上 角 ， 使 用 “ 直 
线段 工具 ”,， 创 建 直线 ， 如 图 12-33 所 示 。 


图 12-33 
人 @ 设置 直线 的 颜色 为 灰色 ， 修改 标志 椭圆 背景 的 
描 边 为 浅 绿色 和 黄色 ， 如 图 12-34 所 示 。 


图 12-34 
使 用 “选择 工具 ”， 按 住 Alt 键 向 下 移动 复制 出 
一 个 线段 后 ， 按 Ctrl+D 组 合 键 ， 复 制 出 其 他 的 
直线 ， 如 图 12-35 所 示 。 


图 12-35 
人 @@ 合 “直接 选择 工具 ”人 ,， 调 整 复制 出 线段 的 


长 度 ， 如 图 12-36 所 示 。 
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图 12-36 
使 用 “直线 段 工具 ”人 ， 设 置 较 粗 的 “ 描 
边 ”， 分 别 设置 填 色 为 #006934 和 #fff100， 如 
图 12-37 所 示 。 


图 12-37 
人 @ 选择 信纸 图 形 并 复制 到 画板 7 中 ， 修改 底部 的 颜 
色 线条 为 矩形 的 填充 ， 如 图 12-38 所 示 ， 这 样 信 

纸 就 制作 完成 。 


OO) 
图 12-38 


制作 文件 袋 
下 面 介绍 制作 公司 的 文件 袋 ， 同 样 还 是 使 用 

主题 的 色调 以 及 醒目 的 标志 ， 将 在 画板 5 和 画板 6 中 

绘制 。 

(@ 将 信纸 的 旗 部 矩形 复制 到 画板 6 中 ， 作为 背景 ， 
使 用 “钢笔 工具 ”万 , 创 建 顶部 的 形状 ， 使 用 
“直接 选择 工具 ”上 ,设置 图 形 的 圆 角 ， 如 
图 12-39 所 示 ， 设 置 “ 填 色 ” 为 #727171。 


图 12-39 
创建 “椭圆 工具 ”全 ,， 分 别 设置 填充 为 浅 灰色 
和 黑色 ， 并 使 用 “直线 段 工具 ”/.， 创 建 黑 色 
的 线 ， 如 图 12-40 所 示 。 


图 12-40 
(复制 标志 到 文件 袋 的 背面 ， 并 在 底部 创建 两 
个 矩形 ， 分 别 设置 矩形 的 填 色 为 #288e71 和 
#d9cb2b; 复制 背面 文件 袋 的 矩形 和 矩形 装饰 条 
以 及 标志 到 画板 5 中， 修改 文件 袋 正面 的 效果 ， 
使 用 “直线 段 工具 ”人 .绘制 线段 ， 文 件 袋 就 制 

作 完 成 ， 如 图 12-41 所 示 。 


图 12-41 
制作 工作 证 
工作 证 主要 是 使 用 了 甜 形 和 


圆 角 矩形， 设置 其 


合适 的 渐变 填 色 以 及 透明 度 组 合 完成 的 ， 效 果 将 在 
画板 9 中 制作 ， 具 体操 作 如 下 。 
人 使 有 “ 圆 角 和 矩形 工 具 ” 国 ,， 在 舞台 中 单 击 ， 在 
弹出 的 “ 圆 角 和 矩形” 对话 框 中 设置 “宽度 ”为 
80mm、 “高 度 ” 为 130nm， 设 置 “ 圆 角 半 径 ” 


为 8， 单 击 “ 确 定 ”按钮 ， 负 


室 度 (四: 
高 度 (0: 


而 角 闪 径 (R):|[ | 


0 nm 
150 xn 


12-42 所 示 。 


在 舞台 中 创建 图 角 和 矩形 ， 在 “属性 ”面板 中 设 
“ 描 边 ”的 粗细 为 10pt， 如 


置 “ 填 色 ” 为 无 ， 
图 12-43 所 示 。 


| 
728.326 病 : 150 mm & 


A:0 ~ [3 
外 秽 
加 se 
FT 
图 而 lmx > 
不 
愧 回扣 作 
位 移 路 入 扩展 形 包 
[双开 从 了 风格。 
[2 a | 
图 12-43 


283 


季 池 I 人 、 十 Z4 识 


(在 菜单 栏 中 选择 “对 象 > 扩展 ” 命 令 ， 在 弹出 的 | l 5 
“扩展 ”对 话 框 中 使 用 默认 的 参数 ， 单 击 “ 确 ， 
定 ”按钮 ， 如 图 12-44 所 示 。 


二 59 寅 : 6.528 
88 26.564 再:|15 556 
4:0 ~ DH 到 
扩展 


回 需 充 中 
捕 边 (5) 


将 渐变 扩展 为 


和 图 12-44 | 图 12-47 
将 转 开 为 图 形 的 四 角 乱 形 设 置 讽 为 渐变 在 人 创建 四 角 矩 形 ， 作 为 透明 的 封皮 ， 创 建 合适 
病 。。。。 海 变 ”面板 中 选择 “ 妆 型 为 “线性 ”， ， ”的 矩形 后 ， 设 置 其 填充 为 渐变 ， 在 “渐变 ， 
设置 渐变 的 色 标 颜色 分 别 为 # gbabde | 面板 中 设置 “类 型 ， 为 “线性 ，， 设 置 角 
加 bobaba、 # fH、 # 807f7f, 调整 各 个 色 标的 位 度 为 60。， 设 置 渐变 色 块 分 别 为 # f0f0f0、# 
国 量 ， 如 图 12-45 所 示 s bobaba、# ffEEF、# 807f7f， 调 整 色 标的 位 置 ， 
到 | 如 图 12-48 所 示 。 在 “属性 ”面板 中 设置 “不 透 
汪 明度 ”为 30%。 

| 

| 


| x 
| 加 EEC 
| 各 E= 9 
人 中 | 本 
图 12-45 | 
在 "渐变 ”面板 中 拖 息 渐变 填充 到 措 边 上 , 设 | 
置 其 角度 为 40?， 设 置 其 颜色 分 别 为 # f0f0f0、 | 
# 6f6e6e、# ffffff、# 6b6969， 调 整 色 标的 位 ， 有 
置 ， 如 图 12-46 所 示 。 | sa 
| 的 
J]  - 
东 扫 边 : 国 尼 夏 | 2 
辕 EGs9- | 
马 坦 | 国 se 
本 ES 2 | 丘 扩 lpt~v 
。 上 
不 条 明度 - 100% ba i fr. 
位 置 : 67.57% ~ | 
| 二 
图 12-46 | Cm] 向 
设置 渐变 描 边 后 ， 在 “属性 ”面板 中 设置 “ 描 ， 
边 ”的 粗细 为 2pt， 如 图 12-47 所 示 。 | 图 12-48 
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tn 12-49 所 示 的 位 置 创建 圆 角 和 矩形 。 


sR 


图 12-49 


选择 透明 的 圆 角 和 矩形 和 创建 的 小 圆 角 矩 形 ， 在 
“路 径 查 找 器 ”面板 中 单 击 “ 减 去 顶层 ”按钮 
上 号， 如 图 12-50 所 示 。 


修剪 


1 
| 路 权 下 拭 器 = 
| 形状 模式 
me 
| 路 径 查 找 器 

甸 


大 是 四 加 听 
图 12-50 


后 的 图 形 如 图 12-51 所 示 。 


使 用 “矩形 工具 ” 转 ,， 在 舞台 中 创建 答 形 ， 设 
置 矩 形 的 “ 填 色 ”为 自 色 ，“ 描 边 ”为 灰色 ， 
如 图 12-52 所 示 。 


图 12-51 图 12-52 
创建 其 他 矩形 ， 如 图 12-53 所 示 。 
在 花 采 的 位 置 可 以 添加 头像 ， 并 在 照片 位 置 下 
方 创 


建文 字 注 释 ， 如 图 12-54 所 示 。 


示 的 


“ 甜 形 ] 


[ 具 ” 国 ,， 在 舞台 中 如 图 12-55 所 


位 置 创 村 


矩形 ， 设 置 矩 形 的 填充 为 渐变 ， 


在 “渐变 ”面板 中 设置 渐变 的 “类 型 " 为 “ 线 


性 ”， 设置 “角度 ”为 90? ， 设 置 渐变 的 颜色 
分 别 为 #006835、#0ba29a、#006835， 调 整 色 标 
到 合适 的 位 置 。 


一 粒 标 农产品 有 限 公司 
妈 名 ; 
职位 : 


图 12-55 
使 用 “钢笔 工具 ” 妆 ,， 在 舞台 中 绘制 如 图 12-56 
所 示 的 形状 ， 创 建 形 状 后 ， 可 以 使 用 “吸管 工 
具 ” 必 ， 在 填充 渐变 的 和 矩形 上 单 击 ， 即 可 获取 


其 填 色 和 描 边 效果 。 


人 他 复制 并 调整 形状 ， 修改 其 填充 ， 调 整 出 上 夯 


图 12-56 


像 色调 亮 、 底 部 图 案 色调 暗 的 效果 ， 妇 


所 示 。 
至 此 ， 了 了 
所 示 。 


[ 作 牌 的 效果 就 制作 完成 ， 如 


图 12- 


57 


图 12-58 
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山 Z 潍 


半 光 I 作 


苦 撤 副 JO1eXQSnlll 芝 汉 属 


制作 杯子 图 案 

这 里 主要 设计 一 个 白色 的 杯子 ， 绿 色 的 杯 口 ， 
并 在 杯子 上 添加 公司 的 标志 ， 将 在 画板 10 中 进行 
制作 。 
人 @ 合 "椭圆 工具 ”全 ,， 在 舞台 中 创建 椭圆 的 杯 

子 口 ， 如 图 12-59 所 示 。 


图 12-59 
复制 椭圆 为 杯子 口 的 边 ， 设置 其 “ 填 色 ”为 
无 ， 设置 “ 描 边 ” 颜 色 为 绿色 ,粗细 为 10pt， 
如 图 12-60 所 示 。 


240 947 要。167.922 
99 659.694 。 斋 : 32.808 


4:0 ~ be 至 


图 12-60 
(选择 无 填 色 的 椭 回 ， 在 菜单 栏 中 选择 “对 象 > 扩 
展 ”命令 ， 在 弹出 的 “扩展 ”对 话 框 中 使 用 默认 
风 参 数 ， 单 击 “ 确 定 ”按钮 ， 如 图 12-61 所 示 。 
人 @ 设 下 为 图 形 后 ， 在 菜单 栏 中 选择 “效果 > 风格 化 > 


置 合适 的 参数 ， 如 图 12-62 所 示 。 
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内 发 光 ” 命 令 ， 在 弹出 的 “内 发 光 ” 对 话 框 中 设 ， 


扩展 

填充 (F) 

描 边 (S) 

将 渐变 扩展 为 

( WE) 


图 12-61 


内 发 光 


模式 00 -| 要 加 ~ 
不 过 明度 (站 人 100% 
模 灿 (6) 2 mm 


口 边 终 四 
问 预览 P) 


图 12-62 


创建 和 矩 形 ， 设置 矩形 的 位 置 和 大 小 ， 设 置 其 填 
充 为 渐变 ， 在 “渐变 ”面板 中 设置 “类 型 ”为 
“线性 ”， 设 置 渐变 为 吉 2b3b3 到 #ffPPfFS#dadadb 
的 渐变 ， 调 整 色 标 的 位 置 ， 如 图 12-63 所 示 。 


人 @@ 全 同样 的 方法 设置 椭圆 的 渐变 填充 ， 如 


所 示 。 


图 12-64 


口 训 是 全 加 扫 匀 类 
口 不 二 开 和 妆 二 央 来 定 双 把 空 欣 


(人命 复制 顶 回 到底 部， 可 以 修改 图 像 的 渐变 填充 至 
满意 为 止 ， 如 图 12-65 所 示 。 


季 池 | 人、 二 Z4 识 


图 12-68 
人 OD 使用 “扩展 "命令 将 把 手 转换 为 形状 ， 在 菜单 


| 
图 12-65 | 

人 @ 继续 复制 底部 的 梢 加 ， 并 调整 其 排列 ， 设 置 其 。 ” 栏 中 选择 “效果 > 风格 化 > 内 发 光 ” 命令， 在 弹 
| 


出 的 “内 发 光 ” 对 话 框 中 设置 合适 的 参数 ， 如 
图 12-69 所 示 。 


填充 为 深 灰色 ， 如 图 12-66 所 示 。 


不 透明 度 (0) 
模糊 (6) 


图 12-66 


| 

Om 
人 @ 在 舞台 中 将 标志 复制 到 杯子 上 ， 设 置 标志 的 混 | 一 一 一 一 一 一 一 一 

| 


合 模 式 为 “正片 硬 底 ”， 如 图 12-67 所 示 。 
使 用 “钢笔 工具 ”分 .， 在 舞台 中 如 图 12-68 所 示 ， 
的 位 置 创建 杯子 的 把 手 形状 。 | 


图 12-69 
设置 内 发 光 后 ， 调 整 其 把 手 的 渐变 填充 ， 得 到 
最 终 的 把 手 效果 ， 如 图 12-70 所 示 。 
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至 此 ， 本 案例 制作 完成 ， 可 以 将 多 余 的 画板 删 
除 ， 如 图 12-71 所 示 。 
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